Skip to content
Submitted over 2 years ago

single-price-grid-component-master

Andesa•110
@Andesaputra
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

Hi, it is fun using grid to design the layout. But I have the problem when I use query for mobile version. As the width > 375px, the position become messy. Any feedback would be appreciated!

Community feedback

  • faizan•2,420
    @afaiz-spacePosted over 2 years ago

    Hey @Andesaputra, congratulation on completing the challenges.

    • Replace height:100vh with min-height:100vh, and also add flex-direction:column;, gap:20px in the body element.
    • Remove position from the footer element.
    0
    Andesa•110
    @AndesaputraPosted over 2 years ago

    @afaiz-space I tried it, but it doesnt work. Still didn't know where goes wrong

    0
    faizan•2,420
    @afaiz-spacePosted over 2 years ago

    @Andesaputra Go to the inspect and change it when it is right. then change in the main file of the code.

    1
    Andesa•110
    @AndesaputraPosted over 2 years ago

    @afaiz-space will try it, thanks

    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