Skip to content
Submitted over 3 years ago

HTML, CSS & Sass

Babatounde Bohiki•20
@flemking
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Community feedback

  • Aman Patil•885
    @Amanpatil-DevPosted over 3 years ago

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

    0
  • Pedro Pires•55
    @pedrotpoPosted over 3 years ago

    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

    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