In Web Design, grid systems are invisible structures that collect all the elements together. A structure made up of a series of columns, gutters, and margins used to structure content. Let's dive into the basics of grid systems in web and UI design. Remember to Subscribe https://goo.gl/6vCw64

Join this channel to get access to perks:
https://www.youtube.com/channel/UCvBGFeXbBrq3W9_0oNLJREQ/join

0:00 - Intro
0:31 - What is a Grid System?
0:52 - How do we use a Grid System?
1:16 - Basic Terms
1:20 - Columns
1:30 - Gutters
1:41 - Margins
2:10 - 12 Column Grid
3:05 - Breaking the Rules

Great Examples of using and breaking the grid
https://stripe.com/
https://www.figma.com/
https://letsxd.com/

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

////////// Connect with me here
Instagram: https://www.instagram.com/imjesseshow
Twitter: http://twitter.com/imjesseshow

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

////////// Elevate your videos with record-label quality music from Musicbed
http://share.mscbd.fm/imjesseshow

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