Responsive images
To create a responsive image, you need to add the max-width: 100%
property to the img
tag and set the width
and height
properties to auto
. If there are no predefined values for the width and height, they can be omitted. The width of the parent container should be set in percent or can be omitted if there is no predefined value for it.
img {
max-width: 100%;
}