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-card-component

#sass/scss
Aplostar 50

@Aplostar

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 used flexbox to get the buttons on the same level in all the 3 cards. Also thought of using position:absolute for the buttons and align them with the bottom of the card.

Any alternate better approach that can be used for aligning the buttons to the same level?

Community feedback

David 8,000

@DavidMorgade

Posted

Hello Aplostar, congrats on finishing the challenge!

To answer your question, in this case I think the best approach is the one that you took, using flex-box will always be a better solution than using margin, padding, position: absolute and so on.... so stick to it!

Also would like to add you could use some sections tag instead of divs for example, each column could perfectly a section cause they are content related, when your html is not content related, then use div

Hope my feedback helps you!, good job!

Marked as helpful

0

Aplostar 50

@Aplostar

Posted

@DavidMorgade Thanks for the response, will keep in mind to use sections from next time.

1

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