С помощью каких свойств можно сверстать 3 горизонтальных объекта(1 объект: картинка, заголовок, описание)?

Question

[imageneyshen]

Собственно что надо сделать

Как я начал делать.


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

Answer 1

[Crow26]

div.about__services сделать элементом UL. В UL будут 3 LI. Внутри services_item IMG нужно убрать, так как у этих элементов эти изображения декоративные. Их нужно делать пвсевдоэлементом от LI.
Касаемо расположения в ряд about__services задать display: flex.
Что касаемо БЭМ, то выше верно подмечено. Также рекомендую поискать на торрентах записи с интенсивов HTML и CSS уровень 1 и уровень 2 от HTML Academy если только начали осваивать вёрстку.
Также для проверки именования по БЭМ есть такой сервис от Юлии Бухваловой: yoksel.github.io/html-tree

Answer 2

[devaldor]

В принципе, эта часть кода совместима со старыми браузерами и не выглядит так, что ее нужно срочно заменить (пока не обращаю внимания на странные пробелы, странный БЭМ (если ты его хотел использовать), вставку необязательной иллюстрации картинкой, а не дивом). Если так хочется разнообразия — держи вариант верстки с Flexbox

Comments

[imageneyshen]

Спасибо. Я даже не знал что такое БЭМ)
Пробелы для лучшего понимания. В конце я их чищу. (мне так удобней)