Учимся создавать сайты шаг за шагом
02 / ОФОРМЛЕНИЕ

CSS задаёт характер
и ритм страницы.

CSS описывает, как элементы выглядят и располагаются: от межстрочного интервала до сетки, которая перестраивается под размер экрана.

ПРАВИЛО СТИЛЯ
.card {
  padding: 1.5rem;
  border-radius: 1rem;
  background: #f4f1e8;
}

@media (max-width: 40rem) {
  /* Подстройте макет для узкого экрана */
}

Начните с читаемости

Подберите удобный размер текста, достаточный контраст и свободное пространство между смысловыми блоками.

Проверяйте разные экраны

Гибкие размеры и медиазапросы помогают сохранить понятный макет на телефонах, планшетах и больших дисплеях.

Вернуться к маршруту ↗