danamir/kotya
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

aad adaptive

Browse Source
This commit is contained in:
unknown
2020-05-02 14:22:02 +03:00
parent 14a85006c1
commit 27d967655f
2 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
css/index.css
View File

@@ -5,10 +5,34 @@
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; 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{ .kotya{
width: 500px; width: 500px;
padding: 40px; padding: 40px;

6
index.htm
View File

@@ -2,16 +2,20 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<html lang="ru"> <html lang="ru">
<head> <head>
<link rel="stylesheet" href="css/index.css"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
<title>Ты котя?</title> <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> </head>
<body> <body>
<div class="container">
<div class="kotya"> <div class="kotya">
<h1>Ты котя?</h1> <h1>Ты котя?</h1>
<input type="button" class="flex-child" id="yesbtn" value="Да" onClick='location.href="yespage.htm"'> <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"'> <input type="button" class="flex-child" id="nobtn" value="Нет" onClick='location.href="nopage.htm"'>
</div> </div>
</div>
</body> </body>
</html> </html>