Skip to content
Submitted over 1 year ago

Simple html + css using flexbox solution

P
Alex•60
@aseptimu
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in

Community feedback

  • at33v•40
    @at33v

    Hello, try doing the following:

    1. Remove margin: auto from the .card class
    2. Add justify-content: center to the main element
  • Addiel•370
    @addiellucena94

    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;

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