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

Unable to make completely correct but here it is.

Aayush Raj 120

@Prabhat-kumar-1976

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I do my very best , hope you all will understand me and please help to improve by giving advice or/and feedback on my code. Thanks , I will always be helpful .

Community feedback

Hania B. 1,360

@techanthere

Posted

Hmm.. your solution looks great! Just that your card is not aligned in center vertically. Set min-height:100vh instead of height in body selector, and remove overflow: hidden and you are good to go. In fact it's great to never use overflow: hidden unless really required. Setting min-height on body to 100 of the viewport height is also a good thing you will need in most of the solutions.

Good luck for your future projects as well. Happy coding :)

Marked as helpful

1

Aayush Raj 120

@Prabhat-kumar-1976

Posted

@techanthere Thanks for feedback.

0
Aayush Raj 120

@Prabhat-kumar-1976

Posted

Oops! my design is little bit smaller as in my pc this is exceeding over 100vh height even.

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