HTML и CSS
без лишней теории
Изучайте веб-разработку с нуля, находите теги и свойства, запускайте примеры прямо в браузере и закрепляйте знания на практике.

display: grid;От первого тега до уверенной вёрстки
Справочник помогает решить задачу сейчас. Курсы дают систему, а практика превращает знания в навык.
HTML
Элементы, атрибуты, формы, изображения и семантическая структура документа.
Открыть HTMLCSS
Свойства, селекторы, функции, @-правила и современные возможности оформления.
Открыть CSSПишите код
Меняйте HTML, CSS и JavaScript, сразу наблюдая безопасный результат.
Открыть PlaygroundОтвет за минуту. Контекст — когда он нужен.
У каждой темы есть короткий ответ, рабочий код, объяснение механики, ошибки и путь к следующему материалу.
Посмотреть страницу CSS displaydisplay
Определяет внешний и внутренний тип отображения элемента.
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
}Частые задачи без долгого поиска
Два курса, один понятный маршрут
Короткие уроки идут от основы к реальному многостраничному проекту. Прогресс сохраняется на устройстве — аккаунт не нужен.
- Объяснение без пропусков
- Код, который можно изменить
- Мини-задача в каждом уроке
Flexbox на практике
Соберите адаптивный сайт
Семантика, сетка, формы и доступность в одной работе.
Инструменты без загрузки кода на сервер
Если вы впервые открыли редактор
Начните с устройства HTML-документа. Через несколько уроков вы соберёте первую страницу и поймёте, как браузер читает код.