Skip to content
Submitted about 4 years ago

HTML, CSS & Sass

Babatounde Bohiki•20
@flemking
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How do I center the container more efficiently? Thanks in advance

Code

Please log in to post a comment

Log in

Community feedback

  • Aman Patil•885
    @Amanpatil-Dev

    Maybe give your container height of 100vh and apply display:flex ,justify-content : center, align-items : center on parent element of your cards

  • Pedro Pires•55
    @pedrotpo

    Use margin to center the container. You should set a value for top-bottom and then set "auto" for left-right, like: "margin: 20px auto"

    If you don't need top-bottom margin, you can just set the first value to 0

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