Getting Started With CSS Grid — Part 1: Resources
Published in
1 min readJan 11, 2019
TLDR;
- CSS Grid is awesome.
- It solves all the webs layout problems. (paraphrasing Scott Tolinski from Syntax.FM).
- It adds a lot of new CSS functions and helpers like
auto-fit and minmax
- Compared to FlexBox -> 1-dimension vs 2 dimensions for vertical and horizontal layout.
Where to start:
- This worked for me: http://cssgridgarden.com/
- the documentation of course: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
- Then this: https://cssgrid.io/
- This: https://css-tricks.com/snippets/css/complete-guide-grid
- Good Read: https://mxb.at/blog/layouts-of-tomorrow
- Comprehensive guide: https://www.smashingmagazine.com/2018/05/future-of-web-design/