Add p on .icons-area-tiers

luismede · Jul 30, 2024 · 951782c · 951782c
1 parent e79e63f
commit 951782c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -114,50 +114,62 @@ <h1>Achievements Tiers</h1>
         <section class="icons-area-tiers">
                 <div>
                     <img src="./badges/PullShark_Bronze.png" >          
+                    <p>	16 pull requests</p>
                 </div>
 
                 <div >
                     <img src="./badges/PullShark_Silver.png" >
+                    <p>128 pull requests</p>
                 </div>
 
                 <div>
                     <img src="./badges/PullShark_Gold.png" >
+                    <p>1024 pull requests</p>
                 </div>
 
                 <div>
                     <img src="./badges/StarStruck_Bronze.png" >
+                    <p>128 stars</p>
                 </div>
 
                 <div >
                     <img src="./badges/StarStruck_Silver.png" >
+                    <p>512 stars</p>
                 </div>
 
                 <div>
                     <img src="./badges/StarStruck_Gold.png" >
+                    <p>4096 stars</p>
                 </div>
 
                 <div >
                     <img src="./badges/GalaxyBrain_Bronze.png" >
+                    <p>8 answers</p>
                 </div>
 
                 <div >
                     <img src="./badges/GalaxyBrain_Silver.png" >
+                    <p>16 answers</p>
                 </div>
 
                 <div >
                     <img src="./badges/GalaxyBrain_Gold.png" >
+                    <p>32 answers</p>
                 </div>
 
                 <div >
                     <img src="./badges/PairExtraordinaire_Bronze.png" >
+                    <p>10 pull requests</p>
                 </div>
 
                 <div >
                     <img src="./badges/PairExtraordinaire_Silver.png" >
+                    <p>24 pull requests</p>
                 </div>
 
                 <div >
                     <img src="./badges/PairExtraordinaire_Gold.png" >
+                    <p>48 pull requests</p>
                 </div>
 
         </section>
@@ -201,6 +213,8 @@ <h1>Achievement Skin Tone</h1>
             <p>👋🏿</p>
         </div>
 </section>
+<a href="https://github.com/github-profile-achievements/english?tab=readme-ov-file#achievement-skin-tone" target="_blank" ><h2 class="more">View more</h2></a>
+
 </div>
 
     <div style="text-align: center;">

diff --git a/style.css b/style.css
@@ -54,14 +54,18 @@ h1 {
 
 }
 
-.icons-area, .icons-area-unreachable p {
+.icons-area, .icons-area-unreachable, .icons-area-tiers p {
     font-family: "Inter", sans-serif;
     font-weight: 500;
     text-align: center;
     font-size: 20px;
     margin-top: 10px;
 }
 
+.icons-area-tiers p {
+    font-size: 18px;
+}
+
 .icons-area button {
     border: none;
     border-radius: 10px;
@@ -190,11 +194,11 @@ h1 {
     .icons-area, .icons-area-tiers, .icons-area-skin, .icons-area-unreachable {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-}
-.icons-area, .icons-area-tiers, .icons-area-skin, .icons-area-unreachable {
+    }
+    .icons-area, .icons-area-tiers, .icons-area-skin, .icons-area-unreachable {
     grid-gap: 40px 50px;
 
-}
+    }
 }
 
 @media only screen and (max-width: 450px) {