diff --git a/assets/styles/main.css b/assets/styles/main.css index ec990a6..d261d9f 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -69,7 +69,7 @@ body { .top-cards { display: grid; - grid-template-columns: repeat(3, max-content); + grid-template-columns: repeat(3, 350px); justify-content: center; gap: 22px; } @@ -183,9 +183,8 @@ body { max-width: 1360px; width: 100%; } - -@media screen and (min-width: 769px) and (max-width: 1200px) { +@media screen and (min-width: 769px) and (max-width: 1270px) { .top-cards,.bottom-cards { grid-template-columns: repeat(2, max-content); } @@ -217,7 +216,7 @@ body { } .middle-banner { - padding: 0 23px; + padding: 0; } .middle-banner-image-wrapper { display: grid; @@ -289,8 +288,6 @@ body { margin-bottom: 50px; } - - } @media screen and (max-width: 414px) { @@ -307,5 +304,5 @@ body { @media screen and (max-width: 290px) { .top-infocard-title { font-size: 26px; - } + } } \ No newline at end of file