diff --git a/css/styles.css b/css/styles.css index f9b5788..cc98087 100644 --- a/css/styles.css +++ b/css/styles.css @@ -3,6 +3,9 @@ --color3: #f4f4fd; --color5: #31d0aa; } +html { + height: 100vh; +} body { font-family: "Roboto"; font-weight: 500; @@ -11,11 +14,17 @@ body { size: 16px; line-height: 24px; letter-spacing: 2%; + + min-height: 100%; + } *, *::before, *::after { + margin: 0; + padding: 0; box-sizing: border-box; + max-width: 100%; } ul, ol { @@ -216,13 +225,13 @@ nav li.menu-contacts { width: 50px; } .hero-img-section { - width: 1440px; + width: 1250px; height: 600px; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent), url(../images/people-office.jpg) center; background-repeat: no-repeat; - + object-fit:cover; box-shadow: 0px 4px 4px 0px #00000026; display: flex; flex-direction: column; @@ -253,6 +262,8 @@ nav li.menu-contacts { box-shadow: 0px 4px 4px 0px #00000026; border-radius: 4px; + + cursor: pointer; color: #ffffff; @@ -264,7 +275,7 @@ button.btn-order-service:hover { } .section { width: 1154px; - padding: 120px 143px; + padding: 120px 50px; display: flex; flex-direction: column; } @@ -278,7 +289,7 @@ button.btn-order-service:hover { width: 1154px; } .our-team { - width: 1440px; + width: 1250px; background-color: #f4f4fd; } .section ul { @@ -563,7 +574,7 @@ Header background, team card background .footer { /* Footer */ - width: 1440px; + width: 1250px; height: 312px; /* Dark-bg */ diff --git a/index.html b/index.html index d68e69e..1ac8cd1 100644 --- a/index.html +++ b/index.html @@ -49,11 +49,7 @@