Skip to content
Submitted almost 3 years ago

3 column preview card

Aleksander Tysklind•860
@outerpreneur
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

Another exercise!

In this one, I have struggled with the buttons. I can't align the three of them to the same level because of the paragraph's different heights. Is there any CSS rule that can help with this?

It looks fine on the screenshot, but if you go to the link, it doesn't: https://outerpreneur.github.io/3-column-preview-card-component-main/

Any suggestions will be much appreciated.

Community feedback

  • Anthony Weathersby•350
    @acweathersbyPosted almost 3 years ago

    Hey @outerpreneur, good work!

    Give your <p> elements a fixed height value, something like height:300px. This will ensure the buttons end up at the same horizontal position.

    Marked as helpful
    0
    Aleksander Tysklind•860
    @outerpreneurPosted almost 3 years ago

    @acweathersby great idea! That worked like a charm! Thank you so much!

    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