Fix footer style

asterjdm · May 20, 2024 · 9550e35 · 9550e35
1 parent 12d29c5
commit 9550e35
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -72,8 +72,8 @@ <h1 class="main-header-title-text2">cl</h1>
 
   <!-- Footer -->
   <footer class="main-footer">
-    <button class="standard-button main-header-button" onclick="window.location.href='about.html'">À-propos</button>
-    <button class="standard-button main-header-button" onclick="window.location.href='rules.html'">Règles</button>
+    <button class="standard-button main-footer-button" onclick="window.location.href='about.html'">À-propos</button>
+    <button class="standard-button main-footer-button" onclick="window.location.href='rules.html'">Règles</button>
     <p class="main-footer-text">An Anonymous production</p>
   </footer>
 

diff --git a/styles/standard-assets/button.css b/styles/standard-assets/button.css
@@ -3,7 +3,7 @@
   padding-left: 7.5px;
   padding-right: 7.5px;
   box-shadow: var(--border-width) var(--border-width) var(--border-color);
-  font-size: var(--main-font-size)
+  font-size: var(--main-font-size);
   text-align: center;
   text-transform: uppercase;
   color: var(--main-color);

diff --git a/styles/styles.css b/styles/styles.css
@@ -55,6 +55,7 @@ main {
 
 .main-footer {
     padding: 10px;
+    width: 100%;
     display: flex;
     align-items: center;
     gap: 10px;
@@ -96,6 +97,10 @@ main {
         width: 250px;
         gap: 195px;
     }
+
+    .main-footer-button {
+        display: none;
+    }
 }
 
 @media screen and (max-width: 428px) {