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

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

Итак, что мы имеем. Мы прописали минимум свойств для достижения вполне себе приличного результата: размеры столбцов, размер первого ряда и координаты блоков сортировки и фильтра в гриде. Остальные элементы расположились автоматически без использования дополнительного кода.

Если добавлять дополнительные товары в разметку, то согласно раскладке грида они начнут «заползать» под фильтр и далее занимать все доступные столбцы (очень похоже на поведение float-ов, не правда ли?)

Надеемся, вы уже догадались за что можно любить гриды? А ведь мы только начинаем своё знакомство с ними.

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

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

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

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

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

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