Видео курс Верстка сайта на CSS Grid. Адаптивность Grid и медиа запросы - онлайн обучение ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

Выбери свою IT специальность

Подписка

×

Вы открыли доступ к тесту! Пройти тест

Вы действительно хотите открыть доступ к тестированию по курсу Верстка сайта на CSS Grid на 40 дней?

ВИДЕОУРОК №9. Адаптивность Grid и медиа запросы

Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку

Цель урока - познакомиться с особенностями курса, настроить рабочее окружение, создать набор стилей для дальнейшей работы в курсе и рассмотреть примеры работы грид.

Читать дальше...

Цель урока - познакомиться с основными свойствами и базовыми возможностями display grid. Узнать о единицах измерения в display grid и рассмотреть разницу.

Читать дальше...

Цель урока - познакомиться с функцией repeat, изучить работу грид линий, закрепить на практике возможности объединения ячеек и именования линий.

Читать дальше...

Цель урока познакомиться с grid-template-areas и научиться разбивать грид на grid-areas. Научится выравнивать ячейки грида с помощью правил justify-items и align-items.

Читать дальше...

Цель урока - познакомиться с выравниванием контента и ячеек грида. Научиться использовать значения max-content и min-content.

Читать дальше...

Цель урока - познакомиться с ордерингом элементов и научиться управлять отображением элементов в блоке. Научиться ограничивать области перемещения блоков с абсолютным позиционированием.

Читать дальше...

Цель урока - познакомиться с автосвойствами грид, научиться контролировать построение грида. Рассмотреть практические примеры minmax функции.

Читать дальше...

Цель урока - познакомиться c разными вариантами использования свойств flex и grid. Рассмотреть примеры преобразования флекс блоков в грид.

Читать дальше...

Цель урока - познакомиться с возможностями совмещения медиа запросов и правил грид блоков. Использовать медиа запросы для гибкой трансформации грид лейаута.

Читать дальше...

Цель урока - познакомиться с гит и гитхаб, создать проект и задеплоить созданный проект на github page.

Читать дальше...
ПОКАЗАТЬ ВСЕ

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Пакет Black Friday
  • Все видеокурсы на 15 месяцев
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
  • Скачивание видео уроков
  • Возможность приостановки обучения
110.00 $
220.00 $
Оформить подписку
Акция
Базовый
  • Все видеокурсы на 1 год
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
комментарии и обсуждения
Notification success