- Теория
- Теория
Раскладка каталога интернет-магазина: фильтр
Выглядит наша страничка пока что не очень. А всё потому, что первый ряд ограничен по высоте, и это ограничение действует не только на сортировку, как задумывалось, но и на фильтр, который не должен быть жёстко фиксирован по высоте, так как количество элементов в нём в дальнейшем может меняться.
Поэтому в качестве решения сделаем фильтр «немного переменной высоты», привязав её к рядам грида. Сейчас фильтр примерно равен по высоте сортировке + трём рядам товаров. То есть, можно сказать, что фильтр будет начинаться с первой линии ряда и заканчиваться на пятой линии.
Текущее решение, конечно, не идеально, и высота элемента всё-таки привязана к контенту, но менее жёстко, чем фиксированная, поэтому небольшие изменения контента он вполне себе выдержит.
Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.