mychanges

src/App.css

@@ -98,17 +98,8 @@ nav img {
 .card.card-6 {
   background: #4ec2e7;
 }
- @media  screen and (max-width:768px) {
-  .main{
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-  }
- .card{
-  padding: 30px;
- }
  
-}
-@media (max-width: 425px) {
+@media (max-width: 640px) {
   nav {
     position: sticky;
     background-color: black;
@@ -164,8 +155,34 @@ nav img {
     object-fit: contain;
   }
 }
-@media (max-width:320px){
+@media (min-width:640px) and (max-width:768px){
+  .main{
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+  .card > :nth-child(2) img {
+    width: 110%;
+    height: 290px;
+    object-fit: contain;
+  }
+.card{
+  padding: 33px;
+}
+
+}
+@media (min-width:769px) and (max-width:1024px){
+  .main{
+    display: grid;
+    grid-template-columns: 1fr 1fr ;
+  }
   .card{
-    height: 1150px;
+    padding: 20px;
   }
 }
+@media (min-width:1024px) {
+  .main{
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+  
+}
\ No newline at end of file