Week 13

Friday - Display Options

For much of this class, we have relied on display: grid ; as our default display option. But there are others; most commonly:

  1. block
  2. grid
  3. inline

But display can also take on flex, inline-block, inline-flex, inline-grid, inline-table, list-item, run-in, table, table-caption, table-column-group, table-header-group, table-footer-group, table-row-group, table-cell, table-column, table-row, none, initial, and inherit. For this class, however, it is enough for you to know how to use the big three: block, grid, and inline.