Skip to content
Submitted over 3 years ago

Single price grid component

pierre-pellegrino•970
@pierre-pellegrino
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had to hide the footer when screen width is less than 375px, otherwise it would display in front of my page. I don't know how to fix it yet. Update : Fixed thanks to @lc-dev90!

Community feedback

  • Luiz Claudio Lopes•505
    @lc-dev90Posted over 3 years ago

    Great job!

    Try setting out you max-height: 800px; value in your container to move you footer down.

    You can change your media querie breakpoint from 375px to 500 +

    But overall looks good!!

    1
    pierre-pellegrino•970
    @pierre-pellegrinoPosted over 3 years ago

    Hey ! I didn't even remember I had this max-height, it's working like a charm now !

    I will update the code ASAP. Thanks a lot @lc-dev90 !

    0
    Luiz Claudio Lopes•505
    @lc-dev90Posted over 3 years ago

    @PierreWagon You're welcome, happy coding!!

    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