Skip to content
Submitted over 3 years ago

HTML and CSS

Utkarsh Goel•85
@UtkarshGoel22
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 was not able to make the layout fully responsive. When the browser height is decreased in desktop, the bottom of the container starts working improperly. How can i fix this.

Community feedback

  • Syed Ali Mansoor•460
    @syedalimansoorPosted over 3 years ago

    Hello Utkarsh!

    Great work there. To answer your question, I noticed you set the cards' heights to 61vh which is why they are behaving that way. You don't need a height property in the card, as its height will automatically resize to fit the content.

    You can check out my solution for reference.

    0
    Utkarsh Goel•85
    @UtkarshGoel22Posted over 3 years ago

    Thanks Alimansoor! Now its working perfectly.

    1

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