Submitted almost 3 years ago

Submission for Profile Card Component

@ramdaneffendi

A solution to the Profile card component challenge

Solution retrospective

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

Code

Please log in to post a comment

Community feedback

Wesley•330
@wesleyjacoby
Posted almost 3 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

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