flex3

src/App.css

@@ -16,7 +16,10 @@ header>img {
   cursor: default;
   margin: 0;
   text-transform: uppercase;
+}
 
+.part2{
+  display: flex;
 }
 
 .flex-container p {
@@ -66,7 +69,6 @@ hr {
 
 .mainimage {
   margin: auto;
-  max-width: 100%;
 }
 
 .desc {
@@ -126,6 +128,7 @@ hr {
 
   .mainimage {
     max-height: 300px;
+    /* min-width: 150px; */
   }
 
   .part2 {
@@ -146,25 +149,22 @@ hr {
   }
 
   @media screen and (min-width: 1570px) {
-    .flex-container h4 {
-      font-size: 25px;
-    }
-
-    .flex-container p {
-      font-size: 20px;
-    }
-
     .mainimage {
-      min-height: 370px;
+      margin-left: 80px;
     }
   }
 
   @media screen and (min-width: 2040px) {
     .mainimage {
-      min-height: 450px;
+      min-height: 300px;
     }
-    .part2{
-      margin-left: 100px;
+    
+  }
+
+  @media screen and (min-width: 2380px) {
+    .mainimage {
+      min-height: 350px;
     }
+    
   }
 }
\ No newline at end of file