Какие CSS стили мне нужно применить к фотографии, чтобы она заняла всю ширину окна браузера?

Question

[Петр Волханов]

Какие CSS стили мне нужно применить к фотографии на этом сайте, чтобы фотография растягивалась/занимала всю ширину окна браузера?

Answer 1

[Виталий Инчин ☢]

При текущей структуре:

.container{
  padding: 0;
}

Answer 2

[Stalker_darkway]

Фотография находится в контейнере, который в свою очередь имеет отступы от края браузера. Нужно фотографию поместить вне родителя который имеет отступы.
Другими словами:

.container{
padding: 0 50px;
}

Нужно поместить вне этого контейнера, либо убрать у него паддинг. Но вот этого делать вообще не рекомендую.

Answer 3

[eugene_d_dev]

Если padding нужен, то задайте его в процентах. Допустим

{padding:0 2%;
width:96%;}