1354
Студента
87%
Завершения
Календари очень часто используются на веб-страницах. Их реализация бывает невероятно разнообразной. Такое испытание можно вставить в любой курс и получить совершенно разные варианты вёрстки. В этом испытании вы реализуете календарь с использованием максимально доступных средств.
Основные стили календаря
- Цвет текста:
#fff
- Размер шрифта: 16px
- Межстрочный интервал: 1
- Шрифт: Rubik. Файлы шрифтов находятся в директории assets
- Цвет фона:
#e5e5e5
Обёртка
- Ширина: 250px
- Внутренние отступы: 60 пикселей сверху, справа и слева. 30 пикселей снизу
- Фон:
#1e1f25
- Закругление: 12px
Заголовок второго уровня
- Внешний отступ снизу: 30px. Отступы с остальных сторон: 0px
- Жирное начертание
- Размер шрифта: 16px
Календарь
- Внешний отступ снизу: 30px
- Внутренний отступ снизу: 20px
- Размер шрифта: 14px с межстрочным интервалом 2
- Граница снизу с цветом
#313131
и размером 1 пиксель
Ячейки с числами
- Цвет чисел:
#ccc
с выравниванием по центру. - Внутренний отступ у чисел: 0
- Межстрочный интервал: 2.3
Список дел
- Внешние отступы у названия: 5px сверху и 20 пикселей снизу
- Размер шрифта названия дела: 14px
- Цвет времени:
#ccc
- Размер шрифта времени: 10px
- Сбросьте внешние и внутренние отступы у списка
Подсказки
- Путь к шрифтам:
../assets/fonts/Rubik-Regular.woff2
../assets/fonts/Rubik-Bold.woff2
Для полного доступа к испытанию нужен базовый план
Базовый план откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, проектам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.