Fr Unit

1Fr = 1 portion of available space

https://codepen.io/sarabs3/pen/Ljbvvy

https://codepen.io/sarabs3/pen/zdoXVB

  1. Grid Item
  2. Grid Lines

Concepts

Properties

  1. Display : grid;
  2. Grid Template Columns
  3. Grid Template Rows
  4. Grid-column-start
  5. Grid-column-end
  6. Grid-column
  7. Grid-row

Slack Grid Example

https://codepen.io/sarabs3/pen/NvbVbQ

Made with Slides.com