Как сверстать блок?

Question

[htmlclassic]

Контент идет как-то не посередине.
Первое и последнее что мне приходит в голову - это либо слева (где бекграунд картинка) делать маржин/паддинг, либо
делайть позишн абсолют то ли. Есть адекватные варианты?

Comments

[Ankhena]

Адекватный вариант для адаптива: обычный центровщик, флекс или грид в 2 столбца.
Картинка как псевдо.

[htmlclassic]

Ankhena, я немного не понимаю. если бы и картинка и контент была по середине то ок. но тут как будто смещение влево

[Ankhena]

htmlclassic, никто ведь не заставляет делить ровно пополам?

Собственно, ваш вариант с отступом тоже подходит.

От абсолюта я бы постаралась воздержаться.

[Сергей delphinpro]

Плюс-минус несколько пикселей, но контентный блок находится справа от второй половины. Так же и картинка.
Адекватный вариант один – должно адекватно отображаться на любом экране.

[Alexander Bashkin]

В чем проблема сделать 50/50 - картинка / контент?
Пару пикселей никто искать не будет - главное чтобы отображалось на всех экранах адекватно

[Ankhena]

Alexander Bashkin, тут разница не пара пикселей, а на глаз заметно смещение. Значит 50х50 делать нельзя, потому что дизайнер не зря так рисовал.

Answer 1

[ramanovsky]

А у вас есть доступ к дизайнеру?

Спросите у него, он должен дать ответы на эти вопросы, это его работа, а вот если вы просто с интернета скачали, то там специально так делается, что бы сложнее было новичку верстать.

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

Если это рабочий макет (вам на работе аткой макет дали) тогда спросите тех кто старше у вас в команде.

Я бы сделать просто margin, padding для отсупа а картинку можно через псевоэлементы сделать, или bgi.