When width is 100% on image element,image is occupying full screen space on resizing.When max-width
is set to 100% on image element,image is not occupying full screen space.Why there is difference in
o/p
Note:image element is not inside any other element.It is just placed inside body tags
}
Responsive Images
Responsive images will automatically adjust to fit the size of the screen.
Resize the browser window to see the effect:
