Skip to content
Submitted almost 2 years ago

3-column preview card component - HTML and CSS

Kevin Douglas•220
@qu3bin
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 problem with the "Learn More" buttons moving up and down when resizing the text block. If anyone could help me with that I will be grateful :)

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted almost 2 years ago

    give .more a percentage width and a padding top and bottom values and give it a font-weight of 700.

    .more{
 width: 30%
 padding: 1rem;
font-weight: 700
}

    In the media query there is no need for a max-height value and a margin value.

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    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