Новость с изображениями в тексте
Эта новость сделана для проверки вёрстки: в тексте есть заголовки трёх уровней, изображения во всю ширину, список, цитата и видео — всё вставлено прямо в тело статьи.
Заголовок второго уровня
Фото выше стоит сразу за вступлением и разливается во всю ширину контейнера — как первое фото под заголовком новости. Текст при этом идёт колонкой по центру, чтобы строки оставались читаемой длины.
Заголовок третьего уровня
Заголовки в теле статьи набраны той же гарнитурой, что и заголовки разделов на сайте: второй уровень крупнее, третий — мельче, четвёртый набран прописными.
Заголовок четвёртого уровня
Ниже — список и цитата: проверяем маркеры, отступы и вертикальный ритм между блоками разных типов.
- первый пункт списка — короткий
- второй пункт списка — чуть длиннее, чтобы увидеть перенос строки внутри пункта и выравнивание по маркеру
- третий пункт списка
Цитата в теле статьи: акцентная линия слева, курсив и увеличенные отступы сверху и снизу.
Видео в теле статьи
Видео вставляется так же, как изображение — файлом из медиатеки. Плеер нативный, с элементами управления, без автозапуска.
Изображение в конце материала
Последнее фото закрывает статью — под ним сразу блок «Поделиться». Отдельно смотрим, не сливается ли картинка с разделителем и кнопками соцсетей.
