Design comparison
Solution retrospective
more structured workflow meant i was able to finish this one fairly quickly
What specific areas of your project would you like help with?desktop version and using @media queries. in mobile version padding on the last socials link looks right, but struggling to get the padding to work in the desktop version
Community feedback
- @danielmrz-devPosted 7 months ago
Hello, @willi1972!
Your project is looking fantastic!
I'd like to suggest a way to make it even better:
- Using
margin
and/orpadding
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!
0@willi1972Posted 7 months ago@danielmrz-dev
Thank you for the suggestion will give it a try, still trying to figure out. When it's best to use flex for positioning.
On holiday at moment so may be couple of weeks before I try your amendment
,š
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