Skip to content

Commit 1727620

Browse files
committed
fix: improve responsiveness of logos in Acknowledgements section
1 parent 0c67e20 commit 1727620

File tree

1 file changed

+14
-2
lines changed

1 file changed

+14
-2
lines changed

src/components/HomepageFeatures.module.css

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,14 +77,26 @@
7777
}
7878
.imageContainer {
7979
display: flex;
80-
justify-content: space-between;
80+
justify-content: center;
81+
flex-wrap: wrap;
82+
gap: 1rem;
8183
}
8284
.imageContainer .image {
8385
width: 5rem;
8486
height: 5rem;
8587
margin: 0.254rem;
8688
object-fit: contain;
8789
}
90+
@media (max-width: 600px) {
91+
.imageContainer {
92+
justify-content: center;
93+
}
94+
95+
.imageContainer .image {
96+
width: 3.5rem;
97+
height: 3.5rem;
98+
}
99+
}
88100
@media (max-width: 900px) {
89101
.paragraph {
90102
max-width: 60%;
@@ -108,4 +120,4 @@
108120
.featureContainer {
109121
justify-content: center;
110122
}
111-
}
123+
}

0 commit comments

Comments
 (0)