Реализация блока?

Question

[Michaly4]

Ребят учусь,я думаю вот это img справа через before это нормально я думаю? или что лучше? у меня таких 4 блока в секции я их пустил через флексы а как лучше эти тексты и фото реализовать?

Answer 1

[Dennis]

Лучше сделай img, в данном случае это изображение, скорее контентное, чем декоративное, поэтому псевдоэлемент не совсем подойдет. Оберни img и всю текстовую конструкцию справа в отдельные обертки, а дальше уже flexbox в помощь

Еще, как вариант, если таких блоков несколько, то соедини все подобные картинки в спрайт, добавь пустой тэг, например, span и с помощью css background добавь нужное изображение.

Comments

[Michaly4]

Спасибо тогда так и сделаю

[Сергей delphinpro]

Это самый что ни есть пользовательский контент - аватарка. Какие спрайты? Очнитесь... Тегом img делать и всё.

[Dennis]

Сергей delphinpro, согласен!

Answer 2

[Os Letnik]

Это только через тег img src="img.jpg"
Через некоторое время поймешь зачем именно так.