Skip to content
Submitted about 2 years ago

3-column preview card component with @media Screen

Abieb_Guardian•200
@AbibGuardian50
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

How to make the button not come out from the card when the card is being zoomed?

Community feedback

  • Tanguy•140
    @OignonFugacePosted about 2 years ago

    Hi,

    You are hard coding the height property on your sedans, suvs and luxury classes, such that the content can overflow the card if it is too big. Try to add overflow: hidden; to .content to see what happens.

    So changing the height to min-height would be a good start.

    I hope that helps.

    0
    Abieb_Guardian•200
    @AbibGuardian50Posted about 2 years ago

    @OignonFugace Hello,thank you for solution, i will give it a try Have a great day

    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