Grid system for Dashboards - Design with good foundation

Подписаться 23 тыс.

Просмотров 6 тыс.

50% 1

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

Опубликовано:

13 янв 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 14

@dominickcostanzo3839 Год назад

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

@KaYungCalebLai Год назад

Thanks buddy!

@baaraanzahedi5036 Месяц назад

Thank you. It is very well explained and helpful

@olumideamodu3849 Год назад

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

@KaYungCalebLai Год назад

Glad to hear, thanks for watching!

@_parhan 10 месяцев назад

Simple but genius! Thank you for the video!

@KaYungCalebLai 10 месяцев назад

thank you!

@acrxss 4 месяца назад

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.

@andreeajircan5357 10 месяцев назад

nice video, very well explained

@KaYungCalebLai 10 месяцев назад

Thanks!

@teenylupini 5 месяцев назад

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 5 месяцев назад

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.