You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
630 B
45 lines
630 B
.container {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Default widths */
|
|
.left, .right, .center, .left-main, .right-main {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Three-column layout */
|
|
.left, .right {
|
|
width: 24%;
|
|
}
|
|
|
|
.center {
|
|
width: 52%;
|
|
}
|
|
|
|
/* Two-column layout: left-main + right */
|
|
.left-main {
|
|
width: 75%;
|
|
}
|
|
|
|
.right {
|
|
width: 24%;
|
|
}
|
|
|
|
/* Two-column layout: left + right-main */
|
|
.left {
|
|
width: 24%;
|
|
}
|
|
|
|
.right-main {
|
|
width: 75%;
|
|
}
|
|
|
|
/* Ensure flex container adapts */
|
|
.container:has(.left-main) {
|
|
justify-content: space-between;
|
|
}
|
|
.container:has(.right-main) {
|
|
justify-content: space-between;
|
|
}
|
|
|