Grid

Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

Tutorial: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids

9 Biggest Mistakes with CSS Grid - https://www.youtube.com/watch?v=0Gr1XSyxZy0

An Interactive Guide to CSS Grid - https://www.joshwcomeau.com/css/interactive-guide-to-grid/

gap

https://developer.mozilla.org/en-US/docs/Web/CSS/gap

https://css-tricks.com/minding-the-gap

subgrid

https://twitter.com/jh3yy/status/1692262942547345913

https://web.dev/articles/css-subgrid

https://developer.chrome.com/blog/css-wrapped-2023#subgrid

Subgrid is especially useful for aligning siblings to each other's dynamic contents.