Design comparison
Solution retrospective
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
Community feedback
- @danielmrz-devPosted 9 months ago
Hello, @Xarlizard!
Your project is looking fantastic!
I'd like to suggest a way to make it even better:
- Using
margin
isn't always the most effective method for centering an element.
Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:
š Apply this CSS to the body (avoid using
position
ormargins
in order to work correctly):body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
I hope you find this helpful!
Keep up the excellent work!
Marked as helpful2@XarlizardPosted 8 months ago@danielmrz-dev eyo Daniel, yes definitely!
You also pointed that out on a previous exercise of mine and I hadn't seen it until after uploading this one so, yeah, I already know it thanks to you š
On my new exercises, I've already implemented your suggestion with
display: flex;
on the body;Again, thx for pointing it out!
Have a good one m8 š
1@danielmrz-devPosted 8 months ago@Xarlizard
Did I? š
I'm sorry, I'm very active on the platform and I make a lot of comments, so I don't always remember if I already commented on one of your solutions š
Anyway, I'm glad I could help!
1@XarlizardPosted 8 months ago@danielmrz-dev yes xD, both responses were 1 hour apart from each other...š
Anyways I'm glad to have you on this community, your tips are so well formatted/written you actually sound like a real teacher lol š
1@danielmrz-devPosted 8 months ago@Xarlizard
Thank you for your kind words š
I'm really glad my comments were useful ā
0 - Using
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