Skip to content
Submitted over 3 years ago

3 Cards using Flexbox - Mobile first

Ethan Hardwick•60
@EthanHardwick
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

The second challenge I have completed so far. I tried to code this without looking at hints or tutorials. Please any feedback would be great. I had the same issue as my first challenge where the the mobile version is the correct size/ margins but I don't know how to get the desktop version to look right without putting in big margins? is that correct or is it the width/height you need to set and position in the centre? Any feedback appreciated!

Thanks, Ethan

Community feedback

  • Alfonso Rodriguez•25
    @forinchoPosted over 3 years ago

    Hi Ethan,

    I would try putting the cards inside a container, and then center the container, either with position or using flex. In addition to making the positioning easier, you will not have problems with the height of the cards.

    Hope it helps!

    Alfonso,

    Marked as helpful
    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