Skip to content
Submitted 12 months ago

Responsive landing page using CSS flexbox layout

pavelfl•30
@pavelfl
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

Community feedback

  • Jorge Sanchez•220
    @fcojsanchez55Posted 12 months ago

    add in the body{ justify-content: center; and min-height: 100vh} and that will center your complete main on the screen..like this

    body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }

    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