More languages
More actions
No edit summary |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
flex-flow:row wrap; | flex-flow:row wrap; | ||
justify-content:space-between; | justify-content:space-between; | ||
align-items: | align-items:stretch; | ||
align-content:flex-start; | align-content:flex-start; | ||
gap:20px; | 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){ | @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;
}
}