Skip to content
Submitted over 3 years ago

responsive 3 column preview card using flexbox

SA•60
@SA-k97
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

Hello .this is my second challenge so far .I kinda tried to learn how to use flexbox here but the problem is that I couldnt put the content in the middle of the page .I used "justify-content:center" and "align-item:center" but neither worked .it would be great if u help me with this :")

Community feedback

  • Axseinga•430
    @axseingaPosted over 3 years ago

    Hi SA,

    Congrats on finishing your second challenge :) It looks really great and it responses nicely.

    In regards to your question just wrap your section in another div and use display: flex and flex properties on this div if you want to center your content. If you using it on the section you are centering elements inside the section instead of the element itself.

    I hope this helps :)

    Keep coding :)

    0
    SA•60
    @SA-k97Posted over 3 years ago

    @axseinga thank uuu .imma rewrite it later and make some changes

    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