Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Submission for Profile Card Component

@ramdaneffendi

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@wesleyjacoby

Posted

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

@ramdaneffendi

Posted

@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
Discord logo

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