Skip to content
Submitted almost 2 years ago

3-Column Preview Card Using Html and CSS

Williams Ovat•70
@MaraVengen
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

Okay...so this is my solution to this challenge.

I had little problems in making it responsive. Still trying to grab the concept of responsivity. Was able to manipulate my way around this one...lol.

Puhlease!!! Any feedback or comment on how to make this solution better will be very much appreciated. Thanks in advance.

Community feedback

  • Pipow•500
    @PipouwPieuwPosted almost 2 years ago

    Hey 👋

    I opened your page on my mobile phone and it displayed fine, so I guess you managed to make it responsive 🎉

    You set a fixed height on your .row, you may want to remove this. Letting the elements adapt as their content changes is very important.

    Also, I may be wrong but I don't think it's necessary to use flex-direction: row here as it is already the default value.

    Overall, well done for completing this challenge! 🥳

    0
    Williams Ovat•70
    @MaraVengenPosted almost 2 years ago

    @PipouwPieuw

    Yes, I managed to make it responsive.

    I'll get rid of the fixed height on my .row and make a mental note to avoid doing it again. Thanks for the feedback

    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