Здравствуйте.
Ссылка на codepen
Есть ли лучший способ реализовать? Конкретно смущает
.row-image img{
position: relative
bottom: 180px;
}
Из-за чего
оранжевая рамка в Dev Tools:
И релатив-позиционирование текста справа.
Вопрос задаю, потому что, не знаю по какой причине, считаю absolute & relative позиционирование "не валидным". Вроде бы всё нормально выглядит на любом размере viewport'a, но не знаю, насколько это всё "правильно", если в верстке вообще есть такое понятие и не могу придумать лучшей реализации.
Везде мерещатся костыли.
В идеале вижу вариант таким:
3 колонны, слева направо, 1ая для левого текста, 2ая для картинки, 3ая для правого текста.
У 1 и 3оей float: left и right соответственно.
Но тогда возникают проблемы с высотой картинок и текста и при уменьшении viewport'a картинки могут съезжать так, что не будут относится к тексту своему.
Спасибо.
