- Issue created by @jaroslav červený
- 🇨🇿Czech Republic jaroslav červený
I added "page.html.twig" for test view blocks.
- 🇨🇿Czech Republic jaroslav červený
and fixed max width 220px for sidebar.
It would have been better and clearer to make the layout using a grid.
_center.scss
example:
#center {
@media (max-width: $screen-sm-max) {
padding: 30px 0;
.region-center {
display: flex;
flex-direction: column;
#main {
order: 1;
}
#sidebar-first {
order: 2;
}
#sidebar-second {
order: 3;
}
}
}
@media (min-width: $screen-md-min) {
overflow: hidden;
padding: 100px 0;
// main
&.sidebar-first {
.region-center {
display: grid;
gap: 80px;
grid-template-columns: 1FR 3fr;
}
}
&.sidebar-second {
.region-center {
display: grid;
gap: 80px;
grid-template-columns: 3fr 1fr;
}
}
&.two-sidebars {
.region-center {
display: grid;
gap: 80px;
grid-template-columns: 1FR 2fr 1fr;
}
}
&.no-sidebars #main {
width: 840px;
margin: 0 auto;
}
}
}
Active
3.0
Code
I added "page.html.twig" for test view blocks.
and fixed max width 220px for sidebar.