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

Css Flexbox, Div tag and other important components of HTML

@NitinSaini007

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Rafael 460

@rafaelvieiracosta

Posted

Hi! @NitinSaini007 You did a great job ✨

I have a tip for you to ensure the centering of your component regardless of the screen:

  • Remove the margin-top: 70px from your .container, then add the following code to the body:
body{
   display: grid;
   place-items: center;
   min-height: 100vh;
}
0

@NitinSaini007

Posted

Hi! @rafaelvieiracosta Thanks for adding your valuable comment.

0
Rafael 460

@rafaelvieiracosta

Posted

@NitinSaini007 I saw that you applied what I said, but it lacked a - in the min-height to work properly

Thanks for reading my comment 👍 Have a good and happy coding

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