From 27d967655f637569dfd73b17d7ac03bcd5faf5f2 Mon Sep 17 00:00:00 2001 From: unknown Date: Sat, 2 May 2020 14:22:02 +0300 Subject: [PATCH] aad adaptive --- css/index.css | 26 +++++++++++++++++++++++++- index.htm | 14 +++++++++----- 2 files changed, 34 insertions(+), 6 deletions(-) diff --git a/css/index.css b/css/index.css index 97466e7..207c5f9 100644 --- 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; diff --git a/index.htm b/index.htm index 1def783..d451ca1 100644 --- a/index.htm +++ b/index.htm @@ -2,16 +2,20 @@ - Ты котя? + + -
-

Ты котя?

- - +
+
+

Ты котя?

+ + +
+ \ No newline at end of file