@madkn1311
Posted
Hello Danny,
Good job on the design..!!
It is good practice to apply background on the body instead of the html tag.
body{ background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-position: right 48vw bottom 30vh, left 45vw top 48vh; background-repeat: no-repeat, no-repeat; }
- When we use
max-width:100%
it means that the width of that particular element will be between 0-100% and not more than that. - So when we use max-width it adjusts the size of the image according to the screen size, as compared to width, which will always keep the images in their original size.
I hope this was helpful. :)
Marked as helpful
@dvbenthem
Posted
@madkn1311
Thanks for the feedback! And for clarifying the use of max-width.
I will add in the future the background images in the body instead of html tag.
Thanks again!
@madkn1311
Posted
@dvbenthem you're welcome..!!