Как растянуть картинку в css

Чтобы растянуть картинку на всю ширину или высоту блока, вы можете использовать свойство «width» или «height» с значением «100%». Вот несколько примеров:

1. Растянуть картинку на всю ширину блока:

img {
  width: 100%;
}

2. Растянуть картинку на всю высоту блока:

img {
    height: 100%;
}

3. Растянуть картинку на всю ширину и высоту блока:

img {
    width: 100%;
    height: 100%;
}

Однако, если вы растягиваете изображение сильно, то качество изображения может снижаться. Чтобы сохранить пропорции, лучше использовать значение «auto» для одного из свойств (обычно это будет свойство «height»), например:

img {
  width: 100%;
  height: auto;
}

Важно помнить, что растяжение изображения может изменять оригинальные пропорции изображения и приводить к потере качества. Поэтому, лучше всего использовать изображения с разрешением, соответствующим размеру контейнера.