Fixed footer on mobile!!!! YIPPEEEEEEEEEEEEEEEE

enderpuff · Apr 8, 2024 · a41ae59 · a41ae59
1 parent 9ad3f1d
commit a41ae59
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -45,8 +45,8 @@ <h1>Seja bem vindo a Wiki de Terraria! <img src="res/img/tree.png" alt="Tree" id
                     </section>
                 </main>
                 <footer>
-                    <img src="res/img/icons/steam.svg" alt="A logo da Steam"><a href="https://store.steampowered.com/app/105600/Terraria/" alt="Steam" title="Compre o jogo na Steam!" target="_blank" rel="noopener noreferrer">Compre na Steam</a>
-                    <img src="res/img/icons/playstore.svg" alt="A logo da Play Store"><a href="https://play.google.com/store/apps/details?id=com.and.games505.TerrariaPaid" alt="Google Play Store" title="Compre o jogo na Play Store" target="_blank" rel="noopener noreferrer">Compre na Play Store</a>
+                    <a href="https://store.steampowered.com/app/105600/Terraria/" alt="Steam" title="Compre o jogo na Steam!" target="_blank" rel="noopener noreferrer"><img src="res/img/icons/steam.svg" alt="A logo da Steam">Compre na Steam</a>
+                    <a href="https://play.google.com/store/apps/details?id=com.and.games505.TerrariaPaid" alt="Google Play Store" title="Compre o jogo na Play Store" target="_blank" rel="noopener noreferrer"><img src="res/img/icons/playstore.svg" alt="A logo da Play Store">Compre na Play Store</a>
                 </footer>
             </div>
 

diff --git a/res/styles/footer.css b/res/styles/footer.css
@@ -1,12 +1,14 @@
 footer {
     display: flex;
+    flex-wrap: wrap;
     margin-top: auto;
     border-radius: 0px 0px 10px 10px;
     background-image: url("../img/themes/nav-overworld.jpg");
 }
 
 footer a {
-    align-items: middle;
+    display: flex;
+    align-items: center;
     padding: 0.5em;
 }