Grid system for Dashboards - Design with good foundation
ฝัง
- เผยแพร่เมื่อ 19 ต.ค. 2024
- 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/...
-
Need UI/UX Mentorship? Book a session with me on Clascity
clascity.com/c...
-
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/C...
-
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....
Awesome video man! Thank you for explaining your layout process , you have great content!
Thanks buddy!
Awesome! I actually needed this right now. Gracias!!!
Glad to hear, thanks for watching!
Simple but genius! Thank you for the video!
thank you!
Thank you. It is very well explained and helpful
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
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.
nice video, very well explained
Thanks!
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
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.
'Promo sm'