Design comparison
Solution retrospective
The wave background image was a bit challenging. Is there a more elegant alternative?
Community feedback
- @Thodoris-DiamantidisPosted about 1 year ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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