aad adaptive

2020-05-02 14:22:02 +03:00
parent 14a85006c1
commit 27d967655f
2 changed files with 34 additions and 6 deletions
--- a/css/index.css
+++ b/css/index.css
@@ -5,10 +5,34 @@
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
-	height: 100%;
+	height: 100vh;

 }

+.container{
+	max-width: 1700px;
+	margin: 0px auto;	
+}
+
+@media (max-widh:1200px){
+	.container{
+		max-width: 970px;
+	}
+}
+
+@media (max-widh:992px){
+	.container{
+		max-width: 750px;
+	}
+}
+
+@media (max-widh:767px){
+	.container{
+		max-width: none;
+	}
+}
+
+
 .kotya{
  width: 500px;
  padding: 40px;
--- a/index.htm
+++ b/index.htm
@@ -2,16 +2,20 @@
 <meta charset="UTF-8">
 <html lang="ru">
 <head>
-	<link rel="stylesheet" href="css/index.css"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
 	<title>Ты котя?</title>
+	<link rel="stylesheet" href="css/index.css"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
+	<meta name="viewport" content="width=device-width">
 	
 </head>
 <body>
+	<div class="container">
 		<div class="kotya">
 			<h1>Ты котя?</h1>
 			<input type="button" class="flex-child" id="yesbtn" value="Да" onClick='location.href="yespage.htm"'>
 			<input type="button" class="flex-child" id="nobtn"  value="Нет" onClick='location.href="nopage.htm"'>
 		</div>
+	</div>
+	
 </body>

 </html>