Skip to content
Submitted almost 4 years ago

3 Column Preview Card - Responsive + Hover

Ramon•10
@ramonvdklooster
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feedback is greatly appreciated. The flow from mobile to desktop is not seamless.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Edyta•100
    @Infinit-dot

    Hi, overall good job, but I see some things you can improve

    • to solve the problem with the buttons you shouldn't use the explicit height of the container, you can use height: auto, min-height: 600px or height: max-content.
    • you have container-flex but you are not using it for anything, fewer containers possible is always better unless you need them for additional styling.
    • try to use HTML semantics like main, footer etc. this will solve accessibility issues
    • you can improve styling to match better the design
    Marked as helpful

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