Grid system for Dashboards - Design with good foundation

If you're starting a new project, don't be lazy and set up your grid system property! It'll save you a lot of time down the road.
Figma link
www.figma.com/file/HvU6kzFwOO...
-
Need UI/UX Mentorship? Book a session with me on Clascity
clascity.com/classes/83/caleb...
-
Feeling generous? Support me on Patreon
/ kayungcaleblai
-
My startup - A Skill-Sharing Platform to teach and learn anything
clascity.com/
-
Follow my work on Dribbble
dribbble.com/Caleblai
-
Personal portfolio
-
My design agency
www.alphaio.co/
-
Follow me on Instagram
/ caleb_kayunglai
-
Need a server to host your website?
Hostinger is now 90% off - less than $1/month.
Support this channel and sign up with my discount code: "CALEB".
www.hostinger.com/caleb

[@baaraanzahedi5036]

Thank you. It is very well explained and helpful

[@dominickcostanzo3839]

Awesome video man! Thank you for explaining your layout process , you have great content!

[@KaYungCalebLai]

Thanks buddy!

[@olumideamodu3849]

Awesome! I actually needed this right now. Gracias!!!

[@KaYungCalebLai]

Glad to hear, thanks for watching!

[@acrxss]

Thank you very much for the grid system tutorial, Im working on a web app project now and I’m probable gonna use grid system, I wish you could go more in depth into how crafting out the layout of a web app is done, how to know what navigation contents and layouts to use and cards etc

[@m.ehtizan]

Hey Kayung, I just watched your video and I must say that it was really informative and well-made. I loved your videos. I was wondering if I could help you edit your videos and also make highly engaging shorts for you.

[@_parhan]

Simple but genius! Thank you for the video!

[@KaYungCalebLai]

thank you!

[@andreeajircan5357]

nice video, very well explained

[@KaYungCalebLai]

Thanks!

[@teenylupini]

I'm confused though because the width of the columns in the blue is 74 (not a multiple of 8), making the card a size thats not a multiple of 8. I'm new to UI so I think I'm missing something

[@KaYungCalebLai]

the width of the grid will also be changing based on the display size. So the content itself doesn't have to be a multiple of 8. We do try to keep the padding/margin sizing to match the 8px rule tho.

[@stephenr6839]

'Promo sm'