
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
- P@danielmrz-devPosted about 1 year 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 about 1 year 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 😉
1P@danielmrz-devPosted about 1 year 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 about 1 year 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 🙌
1P@danielmrz-devPosted about 1 year 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