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 component

P
Ortaly 970

@ortalyarts

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


The wave background image was a bit challenging. Is there a more elegant alternative?

Community feedback

P

@Thodoris-Diamantidis

Posted

Congratulations on completing the challenge!

If you're aiming for cleaner and more concise code, you can employ a streamlined approach for setting the background image. By using the shorthand notation, your code becomes more elegant and easier to read. This single line combines multiple background properties, such as the image URL, no-repeat, position at the bottom, and covering the entire element, creating a more refined and efficient style.

background: url("../images/pattern-background-desktop.svg") no-repeat bottom/cover; 

If you found this feedback helpfull , please feal free to upvote :)

Marked as helpful

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