Skip to content
Submitted about 4 years ago

Four card feature section using HTML and CSS

Antoooane•60
@Antoooane
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

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

  • Mcklien Ross•195
    @mcktivityPosted about 4 years ago

    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
    @AntoooanePosted about 4 years ago

    @mcktivity Thank you for your help

    0

Please log in to post a comment

Log in with GitHub

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