Skip to content
Submitted over 3 years ago

3-column preview card component with Html and Css

Edy•530
@Evanny
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

Hello, if you can help me reviewing please, it is displayed well and I reached the solution but I see an overflow in the width of the body, thanks for any helpful comment

Community feedback

  • Pranav Rustagi•115
    @Pranav-RustagiPosted over 3 years ago

    The overflow happening around the width 376px - 719px can be handled by adding "overflow-y : auto" to the styling of your "main" element.

    1
  • Paul James Azanes•75
    @pjazanesPosted over 3 years ago

    If you mean the overflow around width 376px - 719px, then I had the same problem as well, I used flex only on mine and what I did was instead of changing the flex-direction from column to row at 375px (which is so early imo and makes the cards overflow), I kept it column until 720px.

    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