More languages
More actions
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
display:flex; | display:flex; | ||
flex-flow:row wrap; | flex-flow:row wrap; | ||
justify-content:space- | justify-content:space-between; | ||
align-items:stretch; | align-items:stretch; | ||
align-content:flex-start; | align-content:flex-start; | ||
gap:20px; | row-gap:20px; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
} | } | ||
h2{ /*Remove the extra styling on top-level headings that ideally are only used at the very top of a container*/ | h2,h3{ /*Remove the extra styling on top-level headings that ideally are only used at the very top of a container*/ | ||
border-bottom:none; | border-bottom:none; | ||
margin-top:0; | margin-top:0; | ||
| Line 16: | Line 16: | ||
@media only screen and (max-width:768px){ | @media only screen and (max-width:768px){ | ||
.portal{ | .portal{ | ||
gap:10px; | row-gap:10px; | ||
align-items:flex-start; | |||
} | } | ||
} | } | ||
Latest revision as of 13:33, 4 November 2023
.portal{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
align-items:stretch;
align-content:flex-start;
row-gap:20px;
box-sizing:border-box;
}
h2,h3{ /*Remove the extra styling on top-level headings that ideally are only used at the very top of a container*/
border-bottom:none;
margin-top:0;
}
@media only screen and (max-width:768px){
.portal{
row-gap:10px;
align-items:flex-start;
}
}