Content added Content deleted
mNo edit summary |
mNo edit summary |
||
Line 12: | Line 12: | ||
.mp-section > .mp-flex-1-1 { |
.mp-section > .mp-flex-1-1 { |
||
flex-grow: 1; |
flex-grow: 1; |
||
flex-shrink: 1; |
|||
} |
|||
.mp-section > .mp-flex-2-1 { |
|||
flex-grow: 2; |
|||
flex-shrink: 1; |
flex-shrink: 1; |
||
} |
} |
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;
}