Skip to content
Submitted over 3 years ago

3 Column Preview Card Component (Desktop First)

E.N.M•70
@EN-M
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

The most important one is that after changing flex-direction in @media, I faced some issues. tried my best to fix them but one persisted. after changing flex-direction to column, half of my top div disappeared. I couldn't find any real solution, so I tried to hide it using some margin-top.

so any help to fix this problem and improving the overall code is highly appreciated.

Thank you

Community feedback

  • Hossein•85
    @hgholabPosted over 3 years ago

    Hello, hope you are having a good day. I checked the CSS file on GitHub and I think the issue is that you set the height of the container class element to 100vh and that is what is causing the problem on mobile display layout.

    2
    E.N.M•70
    @EN-MPosted over 3 years ago

    @hgholab

    Thank you!!! it fixed the problem. much appreciated

    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