La nuova BBS è in fase Alpha. I post precedenti al 22 luglio 2024 potrebbero non essere trasferibili, ma rimarranno disponibili per la lettura su /old/.
grid-template-areas is almost criminally easy to use.
-
grid-template-areasis almost criminally easy to use. I love this. Using it i my website redesign now.
grid-template-areas - CSS | MDN
The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.
MDN Web Docs (developer.mozilla.org)
Essentially you give each element in the layout a name, then just write out where each of those elements goes in the grid, all in pure CSS. Want a different layout on smaller screens? Just rewrite the
grid-template-areasproperty in the media query and everything re-arranges itself. -
S steffo@a.junimo.party shared this topic on
