Content added Content deleted
(added flex classes) |
mNo edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 13: | Line 13: | ||
flex-grow: 1; |
flex-grow: 1; |
||
flex-shrink: 1; |
flex-shrink: 1; |
||
} |
|||
.mp-section > .mp-flex-2-1 { |
|||
flex-grow: 2; |
|||
flex-shrink: 1; |
|||
} |
|||
.mp-section > .mp-flex-basis-200 { |
|||
flex-basis: 200px; |
|||
} |
} |
||
Latest revision as of 22:22, 2 December 2021
.mp-section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0 1.5em;
}
.mp-section > div {
max-width: 100%;
}
.mp-section > .mp-flex-1-1 {
flex-grow: 1;
flex-shrink: 1;
}
.mp-section > .mp-flex-2-1 {
flex-grow: 2;
flex-shrink: 1;
}
.mp-section > .mp-flex-basis-200 {
flex-basis: 200px;
}
.mp-section > .mp-flex-basis-300 {
flex-basis: 300px;
}