try

Domitrii · Sep 3, 2023 · 259c97d · 259c97d
1 parent c6688c4
commit 259c97d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -33,6 +33,7 @@
 
   .navbar {
     display: flex;
+    align-items: center;
   }
 
   .nav-menu{
@@ -45,16 +46,12 @@
     display: flex;
   }
 
-  .cont-head {
-    display: flex;
-    width: 100%;
-    margin: 0 auto;
-    padding: 24px 0 24px 0;
-  }
 
   .container {
     display: block;
-    width: 100%;
+    width: 1158px;
+    margin: 0 auto;
+    padding: 0 15px;
   }
 
   .logo {
@@ -81,6 +78,7 @@
     line-height: 1.5;
     letter-spacing: 0.02em;
     color: #2E2F42;
+    padding: 24px 0;
   }
 
   .studio:hover {
@@ -136,6 +134,7 @@
     text-align: center;
     align-items: center;
     width: 100%;
+    padding: 188px 0;
   }
 
 
@@ -300,8 +299,7 @@
 
 
 .section-four {
-  padding-left: 156px;
-  padding-right: 156px;
+  padding: 120px 156px;
 }
 
   .bank-hthree {
@@ -364,7 +362,7 @@
 
   .footer {
     background-color: rgba(46, 47, 66, 1);
-    padding: 100px 0 100px 156px;
+    padding: 100px 0 100px 0;
   }
 
   .footer-p {

diff --git a/index.html b/index.html
@@ -13,7 +13,7 @@
 </head>
 <body>
     <header class="header">
-        <div class="cont-head">
+        <div class="container">
         <nav class="navbar">
             <a class="logo" href="#">Web<span class="logo-s">Studio</span></a>
                 <ul class="nav-menu">
@@ -33,10 +33,8 @@
      <main>
         <section class="section">
             <div class="container">
-                <div class="sect-one">
                     <h1 class="sect-hone">Effective Solutions<br>for Your Business</h1>
                     <button type="button" class="button">Order Service</button>
-                </div>
             </div>
         </section>
         <section class="section-two">