Skip to content
Submitted over 1 year ago

Preview Card, using Flexbox & media queries.

PJ•110
@Kitezh1
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 found it difficult to use the media queries, to convert it to mobile design. Specifically I'm not sure why the 100vh wouldn't work for the mobile screen size. Any tips are appreciated.

Community feedback

  • Reza Sajjadian•290
    @reza-sjdnPosted over 1 year ago

    Hey @Kitezh1,

    I liked your solution. It was PERFECT! About why height: 100vh; doesn't work at mobile view, in fact height: 100vh; is a fixed length and to be flexible you must set min-height: 100vh; That's it! Good Luck

    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