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

All comments

  • Kaung Lun•110
    @lunk-kmlPosted about 2 years ago

    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

    0
  • David•60
    @DavidMBKSubmitted about 2 years ago

    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☀️

    Order Summary Solution [feel free to correct me]

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

    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
    0