CSS Grid

With CSS there are multiple ways of positioning elements such as `position: absolute` and `display: flex`. CSS grid is a really handy property to position elements on a grid layout.

This article describes the basic concepts of CSS grid and links to resources with more info on CSS grid.

<div class="grid-container>
  <div>Grid item 1</div>
  <div>Grid item 2</div>
  <div>Grid item 3</div>
  <div>Grid item 4</div>
  <div>Grid item 5</div>
  <div>Grid item 6</div>
</div>

Resources

• CSS Grid course by Wes Bos is full-on in depth course on CSS Grid
• MDN Web Docs has a good introduction to CSS Grid
• CSS Grid Garden is a fun CSS grid game
• CSS Tricks has a good reference article on CSS Grid