Advanced Grids in UI & Web Design

In this video, I cover a variety of advanced grid techniques for web design, including responsive grids, 8-point grids, baseline grids, and more. By using these techniques, you can create web designs that not only look visually appealing, but also function efficiently. Whether you're just starting out in web design or are an experienced designer, this video has something to offer.
------------------------------------------------------------------------------------
🤝 //////////// Get my new Intro to UI/UX design course:

🏆 //////////// Join my members community to get access to perks:

📫 ////////// Sign up for my Monthly Newsletter

Get the file used for this video, support the creator
------------------------------------------------------------------------------------
🎨 ////////// I design in Figma

🖥️ ////////// I build websites with Webflow

📅 ////////// I run my life with Notion

[pichipurinsesu]

This vid couldn't have come at a better time! This is something I want to grow on to get solid design fundamentals. I always find I'm just that little bit off but I'm getting there :)

[brendanlaird]

Great video as always. Moving to a 4/8px grid for most projects was a game changer for me

[HollowsDarkness]

Gotta say I went from having bad UI to pretty good UI with your tutorial on your website. It just massively boosted my art ability. Love your tutorials!

[utaridwiyani]

This is really nice. Liked and subscribed.

[matthewkwong]

If possible, I think it would be super helpful if you linked the Figma file in the description

[jo]

how do web designers know how to take into account the viewport height? I see no layouts having a "line" to divise where the viewport might end and take it into account for designing

[muhammadzafar]

for mobile we can use 4 grid and for desktop 12 grid . is it best practice or not?
similarly gutter 20 is good. how we can keep margin for both design?