2018-10-04 14:47:55 +01:00
|
|
|
---
|
|
|
|
|
title: CSS Grid Layout
|
|
|
|
|
---
|
|
|
|
|
## CSS Grid Layout
|
|
|
|
|
CSS Grid Layout is the most powerful layout system available in CSS.
|
|
|
|
|
It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system.
|
|
|
|
|
Though Grid Layout isn't fully supported by all browsers, it's the most advanced and conveniet way to make page layouts.
|
|
|
|
|
|
2018-10-15 09:14:50 -05:00
|
|
|
#### More Resources:
|
|
|
|
|
- [A Complete Guide to CSS Grid Layout](http://chris.house/blog/a-complete-guide-css-grid-layout/)
|
|
|
|
|
- [Grid by Example](https://gridbyexample.com/)
|
|
|
|
|
- [Wes Bos - Free CSS Grid Course](https://cssgrid.io/)
|
|
|
|
|
- [YouTube - CSS Grid Playlist](https://www.youtube.com/watch?v=FEnRpy9Xfes&list=PLbSquHt1VCf1x_-1ytlVMT0AMwADlWtc1)
|
2018-10-04 14:47:55 +01:00
|
|
|
|
|
|
|
|
More info about browser support can be read at <a href="https://caniuse.com/#feat=css-grid" target="_blank">https://caniuse.com</a>.
|
