Design comparison
Community feedback
- @krushnasinnarkarPosted 4 months ago
Hi @Jewrigne,
Your solution is great and well-structured! However, I have a suggestion:
Instead of using margin to center the profile card, you can utilize the CSS flex property. By applying
display: flex
,justify-content: center
, andalign-items: center
to thebody
, you can ensure the profile card is perfectly centered both vertically and horizontally. Here's a basic example of how to achieve this:body { display: flex; justify-content: center; align-items: center; height: 100vh; /* Ensures full height and centers the card */ }
To learn more about how flexbox works, you can refer to tutorials or documentation.
Feel free to reach out if you have more questions or need further assistance. I hope you find my feedback valuable, and I would appreciate it greatly if you could mark my comment as helpful!
0
Please log in to post a comment
Log in with GitHubJoin 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