.image-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
align-items: start;
justify-items: center;
}
.image-grid img {
max-width: 150px;
width: 100%;
height: auto;
display: block;
}
/* Tablet */
@media (max-width: 1024px) {
.image-grid {
grid-template-columns: repeat(2, 1fr);
}
.image-grid img {
max-width: 200px;
}
}
/* Mobile */
@media (max-width: 600px) {
.image-grid {
grid-template-columns: 1fr;
}
.image-grid img {
max-width: 180px;
width: auto;
}
}
![]()
![]()
![]()
![]()
![]()
![]()
![]()
