Design comparison
Community feedback
- @itbeginswithiPosted over 2 years ago
Your HTML and CSS are well structured, well done!
It seems you tried centering the main element using margin, while that helps on the X axis, it;s not much help if you wanted to have it shown perfectly in the center of the screen. For that I suggest you remove the margin and add the folowing styles to your <main>:
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
Good luck!
Marked as helpful0@bvictor-aPosted over 2 years ago@itbeginswithi Thanks for your comment, as I'm still a beginner I don't understand very well about how to center the elements, I'll take advantage of your tips. Sorry if there are any errors in my answer because of Google translate.
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