Ну а как это будет отображаться на Full HD или 4K?
Просто хочу узнать как верно сделать.
max-width: calc(1320px - (40px * 2));
content: ""
<button>. Input - устаревший вариант и не так удобно стилизуется. В сафари может иметь сложности с line-height.
я не понимаю как вставить ровную галочку
сделать background белыйл.
background-color: white
и у каждого блока можно добавить любой атрибут со значением
как сделать фильтр товаров через чекбокс, чтобы можно было выбрать несколько вариантов:
при клике на квадратик с цветом
Все, вроде бы додумался, просто поставил всем элементам минимальную высоту и поставил одинаковый отступ в 30px
На этом сервисе полно спрашивающих не в состоянии идентифицировать проблему. Т.е. им кажется, что они не могут справится с какой-то проблемой. А на самом деле, этой проблемы не было бы вовсе начни они решать задачу другим способом. В вашем случае это могла бы быть задача многострочного text-overflow ellipsis или просто overflow или что-то аналогичное.
Ваша проблема решается на js путем сравнения двух (или четырех, в зависимости от верстки) размеров.
Либо с помощью IntersectionObserver (подходит ли для вашей задачи тоже зависит от верстки) https://habr.com/ru/post/494670/