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

Order Summary Card Solution using HTML and CSS

@letyoursoulglo

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


Any feedback is appreciated, I am still learning how to implement media queries so any tips would also be appreciated.

Community feedback

P
Patrick 14,325

@palgramming

Posted

you should change the background size on your body tag from contain to 100vw 40vh

Marked as helpful

0

@letyoursoulglo

Posted

@palgramming Will do, thank you. Is that more effective as far as getting a responsive background?

0
P
Patrick 14,325

@palgramming

Posted

@letyoursoulglo the 100vw will be 100% of the view width and the 40vh will keep it 40% of the view height with contain depending on the browser with the height of the background changed in position relating to the card

Marked as helpful

1

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