Joe Abell

CSS Cheatsheet

July 17, 2019

Display

  • Grid - paragraph style, takes up as much room as it can, you can add padding, border and margin.
  • Inline - word style, only takes up as little space as it can. No padding margin control.
  • Inline Block - Inline but you can control padding and margin.
  • Flex - one directional data flow, let’s you space children elements equal spacing. Can be used horizontal and vertical.
  • Grid - two directional data flow. Used for grids support.

Joe Abell

Joe Abell is a Ukulele playing Web Dev from York, UK. He blogs to help remind him about things he has learned.