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

Научитесь верстать адаптивные страницы на CSS с медиазапросами и строить раскладки на Flexbox и Grid

Начать учиться

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

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

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

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

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

51 упражнение

32 квиза

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

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

Flex

Grid

SASS

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

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

Grid и Flex

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

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

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

Основы SASS

Установка и компиляция в CSS, расширение CSS, шаблонные селекторы, переменные и миксины

Проекты

Портал «Music Box»

Сверстаете по макету в Figma две страницы музыкального портала «Music Box», главную с тарифами, новостями и блоком мобильного приложения и страницу исполнителя с популярными треками, дискографией и похожими артистами. Адаптивность под разные разрешения экрана продумаете сами с помощью Flexbox, Grid и медиазапросов. Стили соберёте на SASS по методологиям OOCSS и Atomic CSS, а готовый проект выложите на GitHub.

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

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

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

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

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

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

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

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

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