調整 header container

osncode · Aug 19, 2024 · 60277a2 · 60277a2
1 parent 4f7c9db
commit 60277a2
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 26 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 <body> 
 <!-- header -->
     <header class="header bg-header">
-        <div class="container-full">
+        <div class="container">
                 <div class="header-content d-flex">
                     <div class="header-img">
                         <a href="#"><img src="img/logo-white.png" alt="logo"></a>

diff --git a/style.css b/style.css
@@ -38,12 +38,6 @@
 }
 
 /* header */
-.container-full{
-    max-width: 1320px;
-    padding: 0px 12px;
-    margin: 0 auto;
-}
-
 .header-content{
     justify-content: space-between;
     align-items: center;
@@ -72,25 +66,27 @@
 }
 
 @media (max-width:576px){
-    .container-full{
-        padding: 0px;
-    }
-    .header-content{
-        flex-direction: column;
-        align-items: start;
-    }
-    .header-img img{
-        padding: 12px;
-    }
-    .header-list{
-        flex-wrap:wrap;
-        width: 100%;
-    }
-    .header-list .item{
-            font-size: 16px;
-            border: 1px solid #FFF;
-            padding: 12px 0px 12px 0px;
-            width: 50%;
+    .header{
+        .container{
+            padding: 0px;
+        }
+        .header-content{
+            flex-direction: column;
+            align-items: start;
+        }
+        .header-img img{
+            padding: 12px;
+        }
+        .header-list{
+            flex-wrap:wrap;
+            width: 100%;
+        }
+        .header-list .item{
+                font-size: 16px;
+                border: 1px solid #FFF;
+                padding: 12px 0px 12px 0px;
+                width: 50%;
+        }
     }
 }