Skip to content
OverviewSolutions
9
Comments
2
Kaung Lun
@lunk-kml

All comments

  • Kaung Lun•110
    @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

  • Kaung Lun•110
    @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:

    1. 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