Андрей, ну, если вопрос не срочный, ждите, может кто-то найдет эту библиотеку, возьмёт, угадает что там с размерами ваших фоиок и сделает за вас песочницуи посмотрит, что там в стилях.
1. Сделать 5 столбцов, а не 3.
Блоки с текстом будут занимать по 2 колонки.
Псевдо с картинкой - 3.
2. Сделать две колонки.
2.1. Текст с отступами в левую и правую. Псевдо с картинкой - в обе колонки и по центру.
2.2. Аналогично, но псевдо прибить абсолютом.
2.3 Аналогично, но картинку фоном.
они в основном просто лупят positing fixed который мне ломает поток и внешний вид таблицы
Что именно он вам ломает?
Когда шапка таблицы исчезает, то делаете fixed и прибиваете к верху окна. У вас и сейчас там шапка, только пересчитываете всё постоянно зачем-то. При обратном скролле убираете. Процесс ничем не отличается от липкой шапки на js.
И, может быть, имеет смысл что-то сделать с семантикой, сейчас выглядит дико.
Альтернатива: делать скролл вокруг самой "таблицы" и обычный sticky. Ну и в table переделать.
Немножечко не так.
У img нет псевдо, пока отображается сама картинка.
Если картинка потеряется, то появятся псевдо.
Т.е. можно стилизовать битые картинки.
Вместо div для обертки картинок для повышения семантичности, если нужно, можно использовать теги figure в паре с figcaption
CcJn, на будущее, делайте песочницу с примером на codepen.io или jsfiddle.net или аналогах и нормально описывайте кто и куда должен прижаться. Вряд ли кто-то станет серьезно компилировать ваш код в голове.
CcJn, сейчас у всех .wall-post ширина 100%. Так что без разницы к какому краю их прижимать, результат одинаковый. Это у вас в стилях написано.
Дальше варианты:
1. Прижать к правому краю содержимое.
2. Перестать растягивать на 100% и прижать сам блок. Хоть марджином. Либо свойствами родительского флекса.
Повесить important на глобальный селектор по тегу, это надо догадаться. Не надо так делать, пожалуйста.
А кроме того что поломает, вообще писать important в своём коде это моветон. Тем более, что есть легкие варианты обойтись без него. Потому что дальше с этим кодом тоже придется как-то работать.
Михаил Оловянников, если совсем best, то делать так, чтобы если пользователь поставит увеличенный шрифт в браузере, то он срабатывал бы.
Правда, при этом вряд ли все отступы будут зависеть от размера шрифта. Но зависит от макета. Я бы проконсультировалась у дизайнера, что делать в конкретных случаях.
