make responsive

ahmad-arab · Jul 20, 2024 · d454c3e · d454c3e
1 parent c189b44
commit d454c3e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/index.css b/index.css
@@ -391,6 +391,15 @@ a{
     .skill-seperator-line{
         width: 70%;
     }
+    .playfair-display-normal-1000 {
+        font-family: "Playfair Display", serif;
+        font-optical-sizing: auto;
+        font-weight: 600;
+        font-style: normal;
+    }
+    .font-size-80{
+        font-size: 50px;
+    }
 }
 @media screen and (max-width: 350px){
     .progress-line{

diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@
                         </div>
                         <div id="header-inroduction-text-container-div-2">
                             <p class="jost-normal-300 font-size-35" style="margin-bottom: 0rem; padding: 0rem;">HELLO, I'M</p>
-                            <h1 class="playfair-display-normal-1000 font-size-80" style="margin-bottom: 1rem;margin-top: 0rem;padding: 0rem;">Ahmad Arab</h1>
+                            <h1 class="playfair-display-normal-1000 font-size-80" style="margin-bottom: 1rem;margin-top: 0rem;padding: 0rem;text-align: center;">Ahmad Arab</h1>
                             <p class="playfair-display-italic-400 font-size-22" style="margin-top: 0rem;">Full stack developer</p>
                         </div>