UPDATE: improved responsiveness for 230px screen width

DevSingh1101 · Feb 25, 2024 · db1790c · db1790c
1 parent 5786fbe
commit db1790c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -64,7 +64,7 @@ <h1 class="content-header">
                 </div>
             </div>
             <div class="image-container">
-                <img class="hero-image" src="./Media/content-image.jpg" src="Content Image"/>
+                <img loading="eager" class="hero-image" src="./Media/content-image.jpg" src="Content Image"/>
             </div>
         </section>
     </div>
@@ -221,7 +221,7 @@ <h3 class="testimonial-name">
 
     <div class="newsletter">
         <div class="newsletter-image-container">
-            <img src="./Media/img.png" alt="Newsletter image" class="newsletter-image"/>
+            <img loading="lazy" src="./Media/img.png" alt="Newsletter image" class="newsletter-image"/>
         </div>
         <div class="newsletter-form">
             <div class="form-header">

diff --git a/styles.css b/styles.css
@@ -627,15 +627,17 @@ body {
     }
 
     .newsletter-form {
-        padding: 2rem;
+        padding: 2rem 0;
     }
 
     .form-title {
         text-align: center;
+        font-size: 1.5rem;
     }
 
     .form-anouncement {
         text-align: center;
+        font-size: 0.75rem;
     }
 
     .email-input {