Design comparison
Solution retrospective
Hi guys👋, I'm new in this field, at the moment I only have some html and css notions and I would really appreciate if you would point out the mistakes I make and how to improve 😊
Thank you so much in advance😁 and enjoy the rest of the day☀️
Community feedback
- @lunk-kmlPosted about 2 years ago
I really liked the result of your project, but I have some idea that I think you will enjoy. Try either one of those 2:
- Add: >> background-repeat: repeat-x; << Explanation: The image will repeat on the horizontal axis, preventing it from breaking.
2 ) Add: >> background-size: 100% 50vmin; << Explanation: The 50vmin will set its height as the page target, and 100% will make it stretch on the horizontal axis.
I did this same exact challenge and someone recommend this to me too. Feel free to experiement.
Marked as helpful0@DavidMBKPosted about 2 years ago@lunk-kml Thanks you! now with this adjustments my background does look exactly as the solution! 👍
1
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