Content added Content deleted
(Created page with ".mp-section { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 1.5em; }") |
mNo edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
flex-wrap: wrap; |
flex-wrap: wrap; |
||
gap: 0 1.5em; |
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; |
|||
} |
} |
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;
}