Как растягивать картинку на всю ширину экрана если у родителя есть фиксированная ширина?

Question

[Pr0grammer]

https://jsfiddle.net/me48vwfj/
Если убрать у контейнера max-width то тогда текст тоже будет растягиватьстя.
Надо только картинку растягивать, а текст не надо растягивать.

Comments

[Ankhena]

А вынуть картинку из контейнера никак?

Если совсем никак, то

.img{
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}

И overflow для какого-нибудь родителя с шириной на всю ширину окна.

[Pr0grammer]

Ankhena, Спасибо огромное

Answer 1

[andand44]

Есть несколько способов.
https://css-tricks.com/full-width-containers-limit...
Например такой

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}