Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

Начать обучение

Входит в подписку (более 50 навыков)

Павел Колотий

выпускник фронтенд

Программа обучения

1. Позиционирование

36 упражнений

27 квизов

Адаптивность страниц

Позиционирование элементов

Flex

Grid

Позиционирование элементов

Виды позиционирований элементов, плавающие элементы, наложение элементов

Grid и Flex

Флекс-контейнер, выравнивание элементов по осям, свойства Flex-элементов, расположение элементов в сетке

Адаптивность сайта

Проверка сайта на адаптивность, Viewport, гибкие элементы, медиазапросы

Проекты

Портал «Music Box»

В рамках проекта вы разработаете две страницы музыкального портала "Music Box" — логическое продолжение предыдущего проекта. В процессе работы вы освоите методологии OOCSS и Atomic CSS, а также закрепите навыки адаптивной вёрстки и работы с препроцессором SASS. Вы самостоятельно реализуете адаптивный дизайн, что позволит продемонстрировать профессиональный уровень. Работа с макетом в Figma поможет улучшить навыки визуального проектирования и сделает ваше портфолио более привлекательным для работодателей.

Как проходит обучение

Просто и наглядно

Теория в удобном текстовом формате — легко читать даже с телефона. Живые примеры помогают понять, как всё работает. Материал выстроен так, чтобы вы двигались шаг за шагом, не упуская важных деталей

Проверяем и закрепляем знания

Учитесь на реальных задачах

Ваш AI наставник

Подписка от 2 400 ₽/мес

Этот навык уже входит в подписку. Оформи доступ и открывай все навыки сразу (50+)

Подписаться →