Как разместить картинку как на макете?

Question

[Tizi]

Имеется данная часть макет

Шириной она 1330 px. Но картинка с коптером выходит за его приделы. Не совсем понимаю как разместить его. Если кто знает что то об этом, прошу направить меня в нужное русло.

Comments

[Дмитрий]

Добрый день.
Или используйте position или сделайте картинку фоном родительского блока.

[Tizi]

slo_nik, Я так тоже подумал сделать. Но если разрешение будет за 2000px будет большой отступ между блоком с текстом и картинкой ( я просто думал что есть еще более рациональное решение данного вопроса )

[Дмитрий]

Tizi, попробуйте сделать блок с текстом одного размера, а родительского другого, чтобы не сильно "уходила" картинка вправо. Блок с текстом по левой стороне родительского.

Answer 1

[Дмитрий Беляев]

/*блок родителя*/
.parent-block {
  position: relative;
  width: 100%;
  max-width: 1330px;
  margin: auto;
}
/*блок картинки*/
.image-block {
  position: absolute;
  right: 0;
  transform: translateX(60%);
}