Как сверстать данный блок?

alexzverokW, есть плюсы, есть минусы
взвесьте и решите

Я бы считала значимыми 2 вопроса:
- откуда будут браться новые картинки и в каком виде
- какой фон у других изделий

И потом еще один: диапазон ширины блока.

Как сверстать данный блок?

alexzverokW, вроде по-русски пишу

фон отдельно, диван отдельно

если диван не сохранить в png, то второй вариант

или вырезать картинку по размеру блока

Как сверстать данный блок?

Antonio09,

а как я "обойду" картинку?

а как он "обойдет" картинку?

Куда вы её обойдете оба? )))))

Как сверстать данный блок?

Если на фоне градиент - то градиентом.
Если нет, то 2 варианта: фон отдельно, диван отдельно или вырезать картинку по размеру блока.

Или я не поняла в чем вопрос.

Как узнать свойства смешанных шрифтов в Figma?

Figma-designer, для редактирования, да, логично.

Как узнать свойства смешанных шрифтов в Figma?

IgorNoskov, Всегда считала, что фигме без разницы что у вас установлено.

Как узнать свойства смешанных шрифтов в Figma?

IgorNoskov, двойной клик на блоке и потом клик на требуемом фрагменте текста, в коде должны быть показаны атрибуты именно этого фрагмента

Flex - все блоки одной высоты, как задать всем блокам одну высоту?

Антон Вебсайтовский,

Для проверки сделал и чет разницы не вижу. )))))))))))

Боюсь представить

Вариант на базе вашего: https://jsfiddle.net/1us6y8f5/
Внутренности не выравнивала, при такой разметке и стилях возитесь с ними самостоятельно.

Вариант с вменяемой разметкой: https://jsfiddle.net/dk0usbwv/
Если текст не нужно выравнивать по вертикальному центру, то нужно убрать align-self.

Автопрефиксер - самостоятельно.

Flex - все блоки одной высоты, как задать всем блокам одну высоту?

Антон Вебсайтовский, вам написали 2 варианта.

Какие браузеры вы поддерживаете, что там не работают гриды?

При адаптации ничего не мешает поменять грид на флекс или блок.

Что вам прислать?

display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;

Ну так я о вас лучшего мнения и не хочу обижать очевидным.

Flex - все блоки одной высоты, как задать всем блокам одну высоту?

Антон Вебсайтовский, да, не умеет телепатию, вот уродство. А главное, не умеет сделать желаемое неподходящими инструментами.

А гриды вам чем не угодили?

Flex - все блоки одной высоты, как задать всем блокам одну высоту?

Антон Вебсайтовский,

грид не хочу использовать

остается js.

Flex - все блоки одной высоты, как задать всем блокам одну высоту?

Антон Вебсайтовский,

Тогда может как-то по простому можно.

да, можно:

Либо grid либо js.

Можно по сложному: указать размеры шрифта и line-height в em, посчитать максимальное количество строк всех типов и указать высоту блоков в em.

Почему контейнер движется за внутренним блоком?

Да, флексы отменяют этот эффект.

Как привязать соседние элементы к label?

Станислав Григорьев,

инпут псевдоэлемента следующего элемента

Это что-то невозможное. У псевдоэлемента нет инпута, а у инпута нет псевдоэлементов типа before|after.

Но вероятно, через селекторы соседних элементов +

Flex - все блоки одной высоты, как задать всем блокам одну высоту?

Либо grid либо js.
Флексбокс так не умеет.

Slick-slider не правильно считает ширину слайда?

Использовать variable width.
Сейчас вы говорите: покажи мне 3 слайда на такой ширине. Он и делит пространство на 3 блока.

И переходите на swiper, к нему у меня тоже есть претензии, но он современный, без зависимости JQ и умеет флексы.

Как убрать обтекание у float?

float это обтекание одного элемента другими.
Если обтекание вам не нужно, то это не float.
Возможно, вам поможет flex.
Если не получится и вы оформите код с проблемой в песочницу, посмотрим.

Как обрезать многострочный текст на странице?

Но в нём два типа текста с разным интерлиньяжем (line-height), поэтому просто подогнать размеры под кратный line-height - не вариант.

Почему это не вариант?
Просто считать с условием.
Для простой компоновки: если первая часть помещается, то узнаем ее высоту, получаем оставшуюся и считаем строки во второй. И наоборот.
Для сложной аналогично, только условий больше.

Как сделать колонку меньше col-sm-2, но больше col-sm-1?

Увеличить шаг сетки в 2 раза.
Либо не использовать ее вовсе, там где она не подходит.

Какие варианты бывают мобильной верстки?

Сергей Васенин, orientation, но это не атрибут, а параметр условий в media.

И у экрана нет длины. Только ширина и высота.