Skip to content
Submitted over 4 years ago

flexbox responsive page

Saumya Verma•565
@nikkuv
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 improving a lot because of feedback !! so anyone who wants to give their feedback ...please!!

Community feedback

  • Roman Filenko•3,335
    @rfilenkoPosted over 4 years ago

    Hi Saumya, good job there, to center use min-height: 100vh; on container (its your main flex container). Also add some hover effect and cursor:pointer to your interactive element (button in your case). Would also recommend using margin-bottom or margin-top for spacing between elements (headings, paragraphs) and consistency, vertical rhythm.

    Roman

    1
    Saumya Verma•565
    @nikkuvPosted over 4 years ago

    @rfilenko Thank you so much <3 you solved my problem i was wandering why it's not center:)

    0
  • Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    use flexbox to align it in center both horizontal and vertical

    0
    Saumya Verma•565
    @nikkuvPosted over 4 years ago

    @SahasSaurav I did that but it wasn't working because of the container height issue:)

    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