Webdev Fu Lessons

Intermediate: CSS Grid

CSS Grid is like the dark magic that makes your website layout not terrible. With it, you can make things line up and look pretty, even if it's not exactly what you wanted.

Grid Gap

Grid Gap: the unsung hero of layout problems. It's like the Swiss Army knife of CSS. You can use it for everything, but mostly you just use it for Grid Gap.

Take the next level of Grid Fu to Advanced
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2px;
grid-auto-flow: column;
grid-template-rows: 1fr 1fr 1fr;