Submitted about 2 months ago

Four Card Component with a Responsive Feel

akorir08y• 110

@akorir08y

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

How the four card component turned out. Working with display grid template columns is a good things

What challenges did you encounter, and how did you overcome them?

Vertical alignment of grid

What specific areas of your project would you like help with?

Working with min height, vw and vh

Community feedback

Diego Alves• 190

@DiegoAlvees

Posted about 2 months ago

good job, but the styling could be improved

Marked as helpful

akorir08y• 110

@akorir08y

Posted about 2 months ago

@DiegoAlvees Improving it a day at a time

MikDra1• 5,950

@MikDra1

Posted about 1 month ago

Nice one @akorir08y 😀

If you want to learn more about vw and vh units here is a VIDEO about that.

If you have any questions feel free to ask

If this comment was useful please mark it as helpful

Good job and keep going 😁😊😉

MikDra1• 5,950

@MikDra1

Posted about 2 months ago

Really good job 👏

If you want to improve try repairing your layout on mobile 📱. Try to add the top border without rounded corners (as a hint you should try to use absolute positioning)

Good job and keep going 👍😄😍

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord