Skip to content
Submitted 10 months ago

Simple html + css using flexbox solution

Alex•60
@aseptimu
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

I have a gap when it is 2 card in row. How can i avoid it?

Community feedback

  • at33v•40
    @at33vPosted 10 months ago

    Hello, try doing the following:

    1. Remove margin: auto from the .card class
    2. Add justify-content: center to the main element
    1
    Alex•60
    @aseptimuPosted 10 months ago

    @at33v Yep, perfect! Thank you very much!

    0
  • Addiel•370
    @addiellucena94Posted 10 months ago

    Good job, only one suggestion, fix the font color and put the car brands in capital letters.

    You can try to use:

    color: white;
text-transform: capitalize;
    1

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