Как верстать картинки которые шире блока?

Question

[RemiFokz]

Как верстать картинки в блоках которые шире чем основной контент весь? Допустим контент 1200px а картинка начинается на 1100px и идет до 1300px, но в макете она идет до 1200px. Вставлять шире контента? А если в макете только обрезанная лежит?

Comments

[Антон]

Что?! пример в студию

[Владислав Лысков]

3 раза перечитал, не понял, а ты прочтёшь через неделю, поймёшь?

[Сергей]

Абракадабра

[Виолетта Морозова]

"а картинка начинается на 1100px и идет до 1300px, но в макете она идет до 1200px. " Вот это вот вообще не понятно)) как это начинаетсяя? или как эо идет до?)

Answer 1

[Виолетта Морозова]

По ходу дела позиционирование не нужно. В левой колонке текст, в правой - фотка, которая появляется при разрешении в 1100px

@media all and (max-width: 1099px) {display: none; visibility: hidden;}

Родителю overflow: hidden; чтобы он обрезал картинку, если она вылезает за пределы родителя. Картинке определенный размер задать, например: width: 1300px;

Answer 2

[Тимур Худиев]

Если картинка обрезанная и задумка именно такая, то позиционируй по правому краю в ноль.

Answer 3

[Дмитрий Pacification]

background-size contain ?

Answer 4

[kirill255]

Нужно делать по макету!