grid4

src/App.css

@@ -106,9 +106,15 @@ hr {
   .grid-container {
     grid-template-columns: 33.3% 33.3% 33.3%;
   }
+
   .grid-container>div {
     height: 50vh;
     overflow: hidden;
+    min-height:1000px ;
+  }
+  .mainimage{
+    max-width: 100%;
+
   }
 }
 
@@ -123,6 +129,7 @@ hr {
     min-height: 50vh;
     overflow: hidden;
     align-items: center;
+    min-height: 350px ;
   }
 
   header {
@@ -140,12 +147,12 @@ hr {
   
   .grid-container h4 {
     text-transform: initial;
-    font-size: 18px;
+    font-size: 16px;
     font-weight: normal;
   }
 
   .grid-container p {
-    font-size: 15px;
+    font-size: 13px;
     text-transform: uppercase;
     opacity: initial;
     font-weight: normal;
@@ -153,7 +160,7 @@ hr {
 
   @media screen and (min-width: 1570px) {
     .mainimage {
-      min-height: 300px;
+      min-height: 250px;
     }
   }