Позиционирование в CSS
Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств
Входит в подписку (более 50 навыков)
Евгений Филиппов
выпускник Хекслета
Программа обучения
Позиционирование элементов
Виды позиционирований элементов, плавающие элементы, наложение элементов
Grid и Flex
Флекс-контейнер, выравнивание элементов по осям, свойства Flex-элементов, расположение элементов в сетке
Адаптивность сайта
Проверка сайта на адаптивность, Viewport, гибкие элементы, медиазапросы
Проекты
Портал «Music Box»
Во втором проекте вы создадите две страницы музыкального портала «Music Box». Проект является логическим продолжением первого проекта. В нём вы вернётесь к созданию вёрстки по методологиям OOCSS и Atomic CSS. В процессе выполнения вы используете полученные знания из курсов по адаптивности и SASS. Адаптивность макету вам нужно будет реализовать самим. В проекте вы сможете поработать непосредственно с файлом макета в сервисе Figma.
Как проходит обучение
Теория в удобном текстовом формате — легко читать даже с телефона. Живые примеры помогают понять, как всё работает. Материал выстроен так, чтобы вы двигались шаг за шагом, не упуская важных деталей
После каждой темы вы проходите квизы, которые помогают убедиться, что вы всё поняли. Вопросы разного уровня сложности дадут возможность как проверить базу, так и попрактиковаться в применении знаний
Мы создали удобную виртуальную среду, где вы решаете задачи прямо в браузере. У вас есть редактор кода, консоль и автоматические тесты, которые моментально показывают результат
Учебный помощник на базе ИИ — это наставник, который всегда под рукой. Он понимает, что нужно сделать и как выглядит ваш код. Если что-то пошло не так, вы сразу получите понятные и полезные подсказки
Подписка от 2 400 ₽/мес
Этот навык уже входит в подписку. Оформи доступ и открывай все навыки сразу (50+)
Подписаться →- 50+ навыков в одной подписке
- Пожизненный доступ к теории
- Обучение с ИИ-ассистентом
- Отмена в любой момент