Web Design UI Cards
Figured I'd post here since my questionis more of a web design/web dev layout question for UI cards.
https://codesandbox.io/p/devbox/25jh2p
I'm using tailwind css with next.js and I've created a services section for a website. This services section has a subheading with 3 responsive UI cards under. Below these UI cards is another subheading with 2 rows of UI cards of more content, separated into 3 columns like those cards under the 1st heading.
My issue is that I have a final subheading with not 3, but 4 cards now and I don't know how to lay them out.
1) I can have 3 columns like before, with the last card creating a separate row by itself.
2) create a different layout for these last 4 cards by centering them & breaking them up into 2 by 2 (2 cards per column & 2 per row).
All the cards are already responsive so that won't change.
https://codesandbox.io/p/devbox/25jh2p
I'm using tailwind css with next.js and I've created a services section for a website. This services section has a subheading with 3 responsive UI cards under. Below these UI cards is another subheading with 2 rows of UI cards of more content, separated into 3 columns like those cards under the 1st heading.
My issue is that I have a final subheading with not 3, but 4 cards now and I don't know how to lay them out.
1) I can have 3 columns like before, with the last card creating a separate row by itself.
2) create a different layout for these last 4 cards by centering them & breaking them up into 2 by 2 (2 cards per column & 2 per row).
All the cards are already responsive so that won't change.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
