• Теория
  • Теория

Раскладка каталога интернет-магазина: фильтр

Выглядит наша страничка пока что не очень. А всё потому, что первый ряд ограничен по высоте, и это ограничение действует не только на сортировку, как задумывалось, но и на фильтр, который не должен быть жёстко фиксирован по высоте, так как количество элементов в нём в дальнейшем может меняться.

Поэтому в качестве решения сделаем фильтр «немного переменной высоты», привязав её к рядам грида. Сейчас фильтр примерно равен по высоте сортировке + трём рядам товаров. То есть, можно сказать, что фильтр будет начинаться с первой линии ряда и заканчиваться на пятой линии.

Текущее решение, конечно, не идеально, и высота элемента всё-таки привязана к контенту, но менее жёстко, чем фиксированная, поэтому небольшие изменения контента он вполне себе выдержит.

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с гридами» тренажёра «Погружение в техники раскладок» можно после регистрации и оформления подписки.