Skip to content
Submitted over 2 years ago

Submission for Profile Card Component

Ramdan Effendi•40
@ramdaneffendi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My second code challenge, still couldn't figure out how to center flex/flexbox properly, any feedback would really appreciated. Thanks

Community feedback

  • Wesley•330
    @wesleyjacobyPosted over 2 years ago

    Hi Ramdan,

    Congratulations on completing the challenge!

    To center your card, you could use the following code on the parent (body in your case):

    display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;

    This is a great article on centering in CSS

    I hope this helps!

    Marked as helpful
    0
    Ramdan Effendi•40
    @ramdaneffendiPosted over 2 years ago

    @wesleyjacoby Hi Wesley, Thanks for the feedback and suggestion regarding the article. It really helps me to better understand when it comes to adjusting flex/flexbox properties.

    Cheers ✌🏼

    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