CSS Grid Layout is the most powerful layout system available in CSS. In this video, we will cover the basics of CSS Grid including some basic terminology and some easy syntax to get you up and running with Grid in your project today

Check out Dev Collective ////////////////////
http://bit.ly/microsoft_jesse
- Dev Collective is a new place for developers to learn and
collaborate.
- Become a part of Dev Collective and instantly gain access to over
25 free courses.
- Dev Collective will have new content monthly.
- Check out a group of courses like this one

CSS Grid is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. Remember to Subscribe https://goo.gl/6vCw64

You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that element's children (which become Grid Items).

Fundamentals/Terminology ////////////////////
- grid
- grid items
- gridline
- grid track
- grid cell
- grid area
- Explicit vs Implicit Grid

Grid Properties ////////////////////
- grid-template-columns
- grid-template-rows
- grid-column-gap
- grid-gap
- grid-auto-columns
- grid-auto-rows
- grid-auto-flow

------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
https://designchamps.io/hip

////////// Connect with me here
Instagram: https://www.instagram.com/imjesseshow
Twitter: http://twitter.com/imjesseshow
Anchor: https://anchor.fm/imjesseshow
Medium: https://medium.com/@imjesseshow

////////// Sign up for my Monthly Newsletter
http://jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial
http://share.mscbd.fm/imjesseshow

////////// Equipment
https://www.amazon.com/shop/jesseshowaltertv