Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section using HTML and CSS

Antoooane 60

@Antoooane

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Can you help me to improve this, according to me, I used too many flexbox, but I don't know how to do without, and I don't know how to do a good mobile version. Thank you for your help

Community feedback

@mcktivity

Posted

I think you did great! You can also use align-items: center on the main which will align all 3 divs to the center of the tallest. To improve the responsiveness you can use @media queries on css and min-width: px + max-width: px + width: 100% instead of fixed values to prevent the 2-column 3 boxes on mobile<x<desktop.

0

Antoooane 60

@Antoooane

Posted

@mcktivity Thank you for your help

0

Please log in to post a comment

Log in with GitHub
Discord logo

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