Updates

luismede · Jul 30, 2024 · eb2d012 · eb2d012
1 parent de98219
commit eb2d012
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 31 deletions.
diff --git a/index.html b/index.html
@@ -217,18 +217,19 @@ <h1>Achievement Skin Tone</h1>
 
 </div>
 
-    <div style="text-align: center;" class="final-follow">
-        <h1>Follow Me and Star this project</h1>
-        <p class="about">Hello everyone! This project was created to help and simplify how you can get your badges for your profile. </br>
-            This site was just another way to help you, if possible, I ask that you follow my github page and give this project a star to help reach more people in the dev community. ❤️
-        </p>
-            <div class="final-button">
-                <a href="https://github.com/luismede/" target="_blank"><button class="follow">Follow Me</button></a>
-            </div>
-            <div class="license">
-                <p class="about" style="margin-top: 50px;">MIT License - Copyright &copy 2024 Luis Henrique</p>
-            </div>
-    </div>
+        <div  class="final-follow">
+            <h1>Follow Me and Star this project</h1>
+            <p class="about">Hello everyone! This project was created to help and simplify how you can get your badges for your profile. </br>
+                This site was just another way to help you, if possible, I ask that you follow my github page and give this project a star to help reach more people in the dev community. ❤️
+            </p>
+                <div class="final-button">
+                    <a href="https://github.com/luismede/" target="_blank"><button class="follow">Follow Me</button></a>
+                </div>
+
+        </div>
+        <div class="license">
+            <p class="about" >MIT License - Copyright &copy 2024 Luis Henrique</p>
+        </div>
 </div>
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -151,6 +151,12 @@ h1 {
     font-size: 30px;
 }
 
+.final-follow {
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
 .final-follow h1 {
     font-size: 38px; margin-top: 100px;
 }
@@ -192,12 +198,15 @@ h1 {
 
 .license p {
     margin-bottom: 30px;
+    margin-top: 30px;
+
 }
 
 @media only screen and (max-width: 650px) {
 
     h1 {
         font-size: 35px;
+
     }
 
     .icons-area, .icons-area-tiers, .icons-area-skin, .icons-area-unreachable {
@@ -209,40 +218,28 @@ h1 {
 
     }
 
-    .final-follow h1 {
-        font-size: 35px;
-    }
-
-
-    .more {
-        font-size:  20px;
-    }
-
 }
 
 @media only screen and (max-width: 450px) {
     h1 {
-        font-size: 25px;
-        display: grid;
+        font-size: 22px;
+
     }
 
     .more {
-        font-size:  15px;
+        font-size: 20px;
     }
 
+
     p {
         font-size: 15px;
     }
 
-    .final-follow h1 {
-        font-size: 25px; 
+    .icons-area img, .icons-area-tiers img, .icons-area-unreachable img, .icons-area-skin img {
+        width: 80px;
     }
 
-    .final-follow p {
+    .license p {
         font-size: 15px;
-        margin-top: 50px;
-    }
-    .icons-area img, .icons-area-tiers img, .icons-area-unreachable img, .icons-area-skin img {
-        width: 80px;
     }
 }