Функциональная витрина

Только рабочие примитивы без дублей контейнеров.

Обычный текст с ссылкой, мелкой подписью и .

Aspect ratio + image

Figure

Подпись к изображению в `figure__media`.
Второй блок для сетки.

Карточки (старые + новые)

Функциональные карточные шаблоны

Подзаголовок

card--media-bg

Короткий текст рыбы для проверки наложения контента на медиа.

Подзаголовок

card--media-top

Картинка сверху, контент ниже, кнопка закреплена внизу.

card--media-left

Функциональный шаблон с медиаблоком слева.

A

card--micro-top

Иконка/аватар сверху слева.

B

card--micro-side

Иконка/аватар сбоку.

Scroll snap

Snap 1
Snap 2
Snap 3
Snap 4
Snap 5

Мини-навигация

Поиск, кнопки, переключатели, формы

Audio / Video / iframe

Audio

Video

YouTube lazy embed

Превью YouTube видео

Rutube lazy embed

Превью Rutube видео

Details / Summary

Открываемый блок с рыбным контентом

Текст внутри блока details. Проверка функционального аккордеона.

Второй блок

Левая часть.

Правая часть.

Dialog / table

Форма в диалоге

Колонка 1Колонка 2Колонка 3
Рыба АРыба БРыба В
Тест 1Тест 2Тест 3

Масонри

Кирпич 1
Кирпич 2 с большим контентом
Кирпич 3
Кирпич 4
Кирпич 5
Кирпич 6