Fixed Skills' labels

aledipa · Jan 17, 2024 · ff57f3d · ff57f3d
1 parent 4d3d55c
commit ff57f3d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -498,19 +498,19 @@
         <!-- FrontEnd skill section -->
         <div class="row ml-5">
             <img src="static/img/Icons/FrontEnd.svg" height="65">
-            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder ml-3 pt-3 pr-1 pb-1"> FrontEnd </p>
+            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder skillLabel ml-3 pt-3 pr-1 pb-1"> FrontEnd </p>
             <div class="languages frontend row mt-1"></div>
         </div>
         <!-- FrontEnd skill section -->
         <div class="row ml-5">
             <img src="static/img/Icons/BackEnd.svg" height="65">
-            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder ml-3 pt-3 pr-1 pb-1"> BackEnd </p>
+            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder skillLabel ml-3 pt-3 pr-1 pb-1"> BackEnd </p>
             <div class="languages backend row mt-1"></div>
         </div>
         <!-- FrontEnd skill section -->
         <div class="row ml-5">
             <img src="static/img/Icons/Database.svg" height="65">
-            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder ml-3 pt-3 pr-1 pb-1"> Database </p>
+            <p class="grayText row d-flex justify-content-center sectionLabel glassy noBorder skillLabel ml-3 pt-3 pr-1 pb-1"> Database </p>
             <div class="languages database row mt-1"></div>
         </div>
     </div>

diff --git a/static/.DS_Store b/static/.DS_Store
diff --git a/static/css/style.css b/static/css/style.css
@@ -28,6 +28,10 @@ input::placeholder {
     font-weight: 300;
 }
 
+.skillLabel {
+    width: 105px;
+}
+
 .abilitiesLabel {
     font-weight: 500;
     font-size: xx-large;