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

flexbox

Mark 170

@Mark-a-obrien

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 couldn't get the background svg image to be the right size. But I think that was because of screen size.

Community feedback

@C-Schubert94

Posted

Looks pretty good! For the background I used background-size: contain; (or cover;) to cover the container (in this case the body). Both have their use cases, you'd just have to test both to see which fits better.

1

Mark 170

@Mark-a-obrien

Posted

@C-Schubert94 Hello, thanks for the feedback I'll try utilise background-size next time.

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