Grid Systems in Web & UI Design
Jesse Showalter Jesse Showalter
404K subscribers
122,498 views
3.9K

 Published On Dec 21, 2020

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:
   / @jesseshowalter  

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/


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

////////// Connect with me here 👍🏼
Instagram:   / imjesseshow  
Twitter:   / 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/jesseshow...

show more

Share/Embed