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

3 Column Preview Card Compon

@patrickingj

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I can't seem to make the "learn more" button stay in the same position in desktop mode, and i don't google understood my question. Pls help

Community feedback

Rhino 155

@Rhiino1

Posted

Hi patrickingj!

Good job doing this challenge :)

A was reviewing your code about the question you made:

You should check giving a display:flex; flex-direction:column; to your <div class="cars"></div>. This helps you giving width and height to all the child components. Also you can control how the items display on your div, with justify-content and align-items.

This could help to maintain the buttons in the same position.

Well done again :)

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