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

[HTML, CSS] Order summary

@nenadmne

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


Could not scale given <svg> background under its given width.

Community feedback

Account Deleted

Hi Nenad 👋, a few observations:

  • The image of your hero is static. To avoid this in the HTML add it through the img tag and in the CSS give the img max-width: 100%. This will make your image responsive.

  • Give the card a minimum width.

  • If you only use HTML and CSS you only need classes. The ID's are for JavaScript.

Keep codding 😉

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