updated img in 480px view

4darsh-Dev · Apr 19, 2024 · 72b96fd · 72b96fd
1 parent 5dddb07
commit 72b96fd
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -128,7 +128,7 @@ <h3>And I'm a <span class="dynamic-txt"></span></h3>
                 <div class="s-box-2">
                     <div class="img-box">
                         <img class="prof-img" src="img/home-gif.gif"
-                            alt="Adarsh Maurya - Web Developer and Programmer">
+                            alt="Coder Background image">
                     </div>
                 </div>
             </div>

diff --git a/responsive.css b/responsive.css
@@ -164,8 +164,10 @@
     box-shadow: none;
   }
   .about-img img {
-    width: 15rem;
-    left: 20px;
+    width: 80vw;
+    left: 0;
+    right: 0;
+
   }
   .about-text{
     padding-right: 0;
@@ -205,13 +207,13 @@
     padding: 18vw 0 0 0;
   }
   .s-box-1-ins h3 {
-    font-size: 16px;
+    font-size: 18px;
   }
   .s-box-1-ins h3 span {
-    font-size: 16px;
+    font-size: 20px;
   }
   .s-box-1-ins h1 {
-    font-size: 22px;
+    font-size: 32px;
   }
   .about {
     grid-gap: 0.5rem;
@@ -254,7 +256,11 @@
     display: inline-block;
   }
   .about-img {
-    display: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 70px;
+
   }
   .about-text h2 {
     font-size: 32px;
@@ -327,6 +333,12 @@
   .services-list div {
     padding: 25px;
   }
+  .services-list div h2{
+    font-size: 25px;
+    font-weight: 600;
+    color: var(--blue);
+
+  }
   .projects{
     padding: 50px 12px;
   }