33 lines
573 B
CSS
33 lines
573 B
CSS
.img-wrapper {
|
|
column-count: 1;
|
|
column-gap: 10px;
|
|
|
|
@media screen and (min-width: 500px) {
|
|
column-count: 2;
|
|
}
|
|
|
|
@media screen and (min-width: 720px) {
|
|
column-count: 3;
|
|
}
|
|
|
|
@media screen and (min-width: 1100px) {
|
|
column-count: 5;
|
|
}
|
|
|
|
counter-reset: count;
|
|
margin: 0 auto;
|
|
|
|
@media (max-width: $mantine-breakpoint-md) {
|
|
column-count: 2;
|
|
}
|
|
|
|
@media (max-width: $mantine-breakpoint-sm) {
|
|
column-count: 1;
|
|
}
|
|
|
|
& > div {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|