Add client imgs and add padding to hero text

Nitish-bot · Jun 19, 2024 · 6f1074d · 6f1074d
1 parent 7a58981
commit 6f1074d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 14 deletions.
diff --git a/images/prof.jpg b/images/prof.jpg
diff --git a/index.html b/index.html
@@ -32,19 +32,19 @@
         <div class="text">Hear from our clients.</div>
         <div class="testimonials">
             <div class="client">
-                <img class="clientImg" src="./images/">
+                <img class="clientImg" src="./images/prof.jpg">
                 <div class="subtext">"It is honestly the best gym I have been to in jodhpur</div>
             </div>
             <div class="client">
-                <img class="clientImg" src="./images/">
+                <img class="clientImg" src="./images/prof.jpg">
                 <div class="subtext">"It is honestly the best gym I have been to in jodhpur</div>
             </div>
             <div class="client">
-                <img class="clientImg" src="./images/">
+                <img class="clientImg" src="./images/prof.jpg">
                 <div class="subtext">"It is honestly the best gym I have been to in jodhpur</div>
             </div>
             <div class="client">
-                <img class="clientImg" src="./images/">
+                <img class="clientImg" src="./images/prof.jpg">
                 <div class="subtext">"It is honestly the best gym I have been to in jodhpur</div>
             </div>    
         </div>

diff --git a/styles.css b/styles.css
@@ -16,6 +16,15 @@ button {
     font-family: 'Roboto', Verdana, Arial, sans-serif;
 }
 
+ul {
+    list-style-type: none;
+    padding: 0;
+    margin-left: auto;
+
+    display: flex;
+    gap: 16px;
+}
+
 /* Combine header and footer plus where there is style overlap */
 .header {
     color: #F9FAF8;
@@ -30,19 +39,10 @@ button {
     font-weight: 700;
 }
 
-ul {
-    list-style-type: none;
-    padding: 0;
-    margin-left: auto;
-
-    display: flex;
-    gap: 16px;
-}
-
 .hero {
     background-color: #1F2937;
     color: #F9FAF8;
-    padding: 6vh 15vw;
+    padding: 9vh 15vw;
 
     display: flex;
     align-items: center;
@@ -57,6 +57,7 @@ ul {
 .hero-left {
     display: flex;
     flex-direction: column;
+    gap: 9px;
 }
 
 .hero-left .text {