Всё зависит от того как эти элементы должны быть стилизованы. Если стилизация не подразумевает добавление обёрток, то и использовать их не нужно. Код будет намного чище, легче, удобнее, красивее, и т.д.
В первом случае смысла в дивах нет
Во втором случае список картинок можно сделать списком, вместо того чтобы всё это обрачивать в дивы.
mahmudchon, определение из официальной документации:
Название блока характеризует смысл («что это?» — «меню»: menu, «кнопка»: button), а не состояние («какой, как выглядит?» — «красный»: red, «большой»: big).
Шиза у разработчиков? Ведь исходя из этого определения блок не должен описывать состояние как в моём случае. Получается должны быть два блока с одинаковыми стилями. Исходя из определения. Не я это придумываю.
Михаил, извините, стараюсь следовать принципам заложенными разработчиками. Если каждый будет условности вносить, в таком случае и смысла не будет от всего этого.
Это миксование получается, которое в данном случае не совсем подойдет, так как классы advantages и services будут пустышками, у них стили одинаковые. В примере который я привёл у блоков есть только общие стили, у них нет своих стилей.
apoca1ipsis, я в своём примере цифры не приводил. Из примера видно что до 540 элемент занимает всю ширину вьюпорта, а при 540 и выше его ширина фиксирируется на 30-32% т.е при ширине обёртки в 540px, каждый элемент будет занимать 160-180px. Вёрстка фиксированная, дальше 540 не тянется.
Спасибо, но я вчера уже разобрался с этим) Снова подключил gulp-webp, и со второго раза всё заработало как надо. А вот imagemin-webp не хотел работать ни в какую.
vip_developer, Тебя абсолютно не касается какого рода вопросы я задаю. Следи за собой, и затем какие глупые вопросы задаёшь ты (я уже показал выше). Мне пофиг что ты думаешь, если я захочу я буду спрашивать то, что мне важно знать, даже если это покажется тебе глупым. Мне тоже твой вопрос кажется абсолютно идиотским, и очевидным, но я же не пишу какой же ты тупой, и недоумок.