diff --git a/src/components/HomepageFeatures.module.css b/src/components/HomepageFeatures.module.css index dd94a684..6f34c4f1 100644 --- a/src/components/HomepageFeatures.module.css +++ b/src/components/HomepageFeatures.module.css @@ -77,7 +77,10 @@ } .imageContainer { display: flex; - justify-content: space-between; + justify-content: center; + flex-wrap: wrap; + gap: 1rem; + } .imageContainer .image { width: 5rem; @@ -85,6 +88,15 @@ margin: 0.254rem; object-fit: contain; } +@media (max-width: 600px) { + .imageContainer { + justify-content: center; + } + .imageContainer .image { + width: 3.5rem; + height: 3.5rem; + } +} @media (max-width: 900px) { .paragraph { max-width: 60%;