@GabrielNoss
Posted
Thanks again. I already made the changes that you suggested
What are you most proud of, and what would you do differently next time?
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
@GabrielNoss
Posted
Thanks again. I already made the changes that you suggested
@FunTomDev
Posted
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.
@GabrielNoss
Posted
@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?
@FunTomDev
Posted
@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 ;)
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