Files
landscape-template/src/features/Posts/pages/FeedPage/styles.module.scss
2022-05-31 09:30:10 +03:00

33 lines
541 B
SCSS

.grid {
display: grid;
grid-template-columns: 100%;
gap: 24px;
> aside:last-of-type {
display: none;
}
@media screen and (min-width: 768px) {
grid-template-columns: repeat(4, 1fr);
> aside:first-of-type {
grid-column: 1/2;
}
> main {
grid-column: 2/-1;
}
}
@media screen and (min-width: 1024px) {
> aside:first-of-type {
grid-column: 1/2;
}
> main {
grid-column: 2/-2;
}
> aside:last-of-type {
display: block;
grid-column: -1/-2;
}
}
}