Видите как всем больно?
Проблема такой композиции уже объяснена в этих двух статьях, которые определенно стоит прочитать:
- «Вёрстка: Фото в левой подмышке?»
- «Левая и правая подмышки в вёрстке»
Повторяться не будем, я лишь процитирую основное:
[…] нарушается естественный порядок чтения и глазу труднее искать начало текста после чтения заголовка. Особенно это важно на насыщенных страницах и в лентах, где зацепиться глазом за нужный модуль — уже некоторое напряжение для читателя.
— Артем Горбунов, Арт‑директор и автор учебных программ бюро
и
Проблема левой подмышки в том, что она мешает естественному порядку чтения.
— редактор Ольги Шевченко
Отсюда и боль.
а) Вытаскивать все из подмышки и икать этому новое место.
Часто помогает простой перенос элементов из левой в правую «подмышку», которая на деле не такая уж и подмышка из-за рваного правого края:
б) Переместить элементы так, чтобы подмышки просто не стало.
Нет подмышки — нет проблемы:
в) Выйти в надсистему и найти другое общее композиционное решения.
Например, сократить число комбинируемых элементов. Не всегда возможно, но попытаться стоит:
О, да, встречается проблема чаще, чем кажется — просто размыльте глаза! Но, к счастью, почти всегда есть возможность все легко и быстро поправить.
Slack: