Урок 05. Задания
⚡ Кратко
Три задания на типографику и четыре вопроса.
Задания
Задание 1. Иерархия из четырёх уровней
Соберите блок: надзаголовок капсом, заголовок, лид-абзац и подпись с датой. Используйте разный размер, вес и цвет — но не более трёх цветов текста.
Задание 2. Карточка файла
Строка с иконкой 40×40 и текстом: название в одну строку с многоточием, под ним размер файла мелким серым. Ширина карточки — 320px, название должно обрезаться, а не выталкивать иконку.
Задание 3. Читаемый абзац
Оформите абзац на 400 знаков так, чтобы строка была не длиннее 65 символов, межстрочный интервал — увеличенный, а последняя строка не заканчивалась одиноким словом.
Проверка понимания
Выберите один вариант ответа — правильный подсветится после клика.
Вопрос 1
Что ещё, кроме размера шрифта, задаёт класс text-sm?
Вопрос 2
Как обрезать описание после двух строк?
Вопрос 3
Почему заголовок h1 без классов выглядит как обычный текст?
Вопрос 4
Какой класс выравнивает цифры по ширине в столбце таблицы?