Здравствуйте. Нужен совет. Нужно сделать как на скрине, но чтобы вся эта каша была адаптивной. Чтобы показать Вам этот пример я картинке задал абсолютное позиционирование, лефт 25%, а черному div position:relative и margin-top:250px. Есть у кого варианты получше? Поделитесь опытом
P.S присутствуют стили бутстрапа
"Варианты получше" - чего именно Вас интересуют? Что конкретно нужно в конечном итоге получить? DIV с картинокй, расркшенный 50/50? (половина белый, половина серый)
Плюс картинка ровно по центру и допустим если высота картинки 100px, то 50 на один блок и 50 на другой
Я думаю, так получиться сделать либо через JS, либо через какие-то статические правила, либо... Иными словами, мы не можем померить высоту какого либо элемента (или получить какое либо значение параметра, в виде переменной), и на основе этого задать правила. Максимум, что мы можем в CSS - это использовать медиа-запросы, и переопределять свойства элементов, в зависимости от размеров экрана устройства. Иначе говоря, "если высота картинки 100px, то задавать ей отступ - мы будем руками", либо через JS.
Евгений Вольф: Тоже сначала думал в этом направлении но внизу чел сделал то что мне нужно с помощью псевдоэлементов. И чем хорошо это все в одном блоке, и адаптивность не хромает
