Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog preview card main | HTML & CSS Responsive

@GabrielNoss

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

@GabrielNoss

Posted

Thanks again. I already made the changes that you suggested

0
Aleksandr 150

@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.

0

@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?

0
Aleksandr 150

@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 ;)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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