Grid Systems in Web & UI Design

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/iamjesseshow
Twitter: http://twitter.com/iamjesseshow

////////// Sign up for my Monthly Newsletter ๐Ÿ“ซ
http://jesseshowalter.com/newsletter

////////// Elevate your videos with record-label quality music from Musicbed๐Ÿ‘‡๐Ÿผ
http://share.mscbd.fm/iamjesseshow

////////// Equipment ๐Ÿ“ธ
https://www.amazon.com/shop/jesseshowaltertv