Design comparison
Solution retrospective
I've begun to understand the concepts of CSS, and I think it's time to begin with a challenge with JavaScript
What challenges did you encounter, and how did you overcome them?No challenge
What specific areas of your project would you like help with?If you have any comments to help improve the code, just let me know
Community feedback
- @GabrielNossPosted 6 months ago
Thanks again. I already made the changes that you suggested
0 - @FunTomDevPosted 6 months ago
It is not a great practice to put some weird styles on your <body> tag. As I see you have set your body to be margin: auto on both left and right but normally <body> element (as an element that SHOULD contain your whole page) should have default or maximum screen size. Instead you should've set your <main> element to be centered and do it not by using margin-left:auto & margin-right: auto, but instead by using absolute position with transform: translate or by setting display flex on parent element (<body> in your case which is still not a good solution - should have other parent element). If you choose to set display:flex on your element, you should do it on your <main> tag, which should (as <body>) have width and hight set to 100% and then your div.card will be the element that is being adjusted to the center of the page.
0@GabrielNossPosted 6 months ago@FunTomDev I don't understand you completely, my native language is not English, but I know that when it comes to centering the margins it is with the <div card> and I did it in the body tag, in my previous projects I had not made this mistake, thanks for let me know. Do you think the code is very bad?
0@FunTomDevPosted 6 months ago@GabrielNoss No, I don't think this code is very bad. The only issue I found was your centering method. You can just google for some better ways - that's all I wanted to say ;)
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