Skip to content
Submitted about 3 years ago

Order Summary Card Solution using HTML and CSS

Antonius Copeland•90
@letyoursoulglo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

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

  • Patrick•14,265
    @palgrammingPosted about 3 years ago

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

    Marked as helpful
    0
    Antonius Copeland•90
    @letyoursoulgloPosted about 3 years ago

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

    0
    Patrick•14,265
    @palgrammingPosted about 3 years ago

    @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

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