Skip to content
Submitted 5 months ago

Blog preview card main | HTML & CSS Responsive

Gabriel Noss•170
@GabrielNoss
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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

  • Gabriel Noss•170
    @GabrielNossPosted 5 months ago

    Thanks again. I already made the changes that you suggested

    0
  • Aleksandr•150
    @FunTomDevPosted 5 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
    Gabriel Noss•170
    @GabrielNossPosted 5 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
    Aleksandr•150
    @FunTomDevPosted 5 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 GitHub

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