Шампуни

Шампуни

Это демонстрационная страница урока, где собраны типы контента и зафиксированы варианты раскладки фото. Такой регламент можно считать базовым для будущих уроков и использовать как общий стандарт без ручной сборки сетки каждый раз.

Логика простая: урок не пытается каждый раз придумать новую сетку, а использует одну систему шаблонов. Так интерфейс остаётся спокойным и узнаваемым.

После видео может идти поясняющий абзац, краткая инструкция или заметка к практике.

Один кадр

Если фото одно, оно показывается квадратом на ширину блока. При открытии пользователь видит изображение целиком.

Два кадра

Если фото два, используются два квадрата в один ряд.

Три кадра

При трёх фото первое ставится крупнее слева, остальные — столбцом справа.

Четыре кадра

При четырёх фото сохраняется тот же принцип: один крупный блок и три меньших справа.

Пять кадров

Для 5 фото используется компактная раскладка 2 + 3: два заметных кадра сверху и три снизу в одну линию.

Шесть кадров

Для 6 фото сверху остаются два более заметных квадрата, ниже — компактные ряды.

Семь кадров

Для 7 фото используется схема 2 + 2 + 3: два прямоугольных ряда сверху и затем ряд из трёх квадратов.

Восемь кадров

Для 8 фото используется компактная схема 2 + 3 + 3: два заметных кадра сверху и ниже два ряда по три кадра.

Девять кадров

Если кадров девять, используется ровная сетка 3×3.

Десять кадров

Для 10 фото используется схема 2 + 4 + 4. Это верхняя граница, после которой лучше делить галерею на несколько блоков.

Этот набор можно закрепить как общий регламент для уроков: текстовый блок, затем одна из готовых фотораскладок без ручного подбора сетки каждый раз.