Skip to content
Submitted almost 3 years ago

Responsive page using Flexbox properties

renan•50
@RenanGuapyassu
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'm lerning about flexbox these days, so I choosed to apply this properties here. The mobile version was not exact the same as the example, I set the width and the height in% to do the trick, but I'm not sure if it's the best way. If anyone could show me a better way, I'd appreciate.

Community feedback

  • MordenWebDev•500
    @MordenWebDevPosted almost 3 years ago

    you are specifying height for the grid so it will not be able to grow according to the content. if you remove the height from grid class it will fix the issue . remove height form grid class in media query also it will fix the issue for mobile. it will be responsive.

    1
    renan•50
    @RenanGuapyassuPosted almost 3 years ago

    @MordenWebDev for sure, there was no needd to specify de height. very helpful, 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