@guedesyc
Latest comments
- @lunk-kml
Great job on the challenge.
I just got one idea you should try for future challenges and projects. When putting more than one image (<img>) elements in HTML, try wrapping them in <picture>.
Here’s the documentation and the guide to use this <picture>: https://www.w3schools.com/tags/tag_picture.asp
- @DavidMBK@lunk-kml
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 helpful
