PRO курс

CSS: Адаптивность

145 сообщений в сообществе 831 учащихся

Курс посвящён адаптивности — главному элементу сайта. Адаптивная вёрстка позволяет комфортно просматривать макеты на многих устройствах: мобильных телефонах, планшетах, компьютерных мониторах. В этом курсе раскроются механизмы создания адаптированной HTML-разметки с использованием популярных механизмов CSS. В конце курса вы узнаете о мощном инструменте — медиазапросах, с помощью которых возможно добавлять CSS-стили для разных разрешений и типов экрана.

Чему вы научитесь:

  • Проверять адаптивность сайта, используя онлайн-инструменты.
  • Использовать единицу измерения проценты для создания гибких макетов.
  • Работать с Flex при создании адаптивных макетов.
  • Создавать медиазапросы, позволяющие использовать стили для разных разрешений экранов.
  • Работать с различными типами устройств и создавать стили под них.
CSS3 Flex Viewport Адаптивность Гибкие макеты Media Queries
Последнее обновление: 23 октября 2020

Уроки курса

Испытания

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

# Задание % завершений
1 Меню «Гамбургер» 65%

Автор

Аватар пользователя Nikita Mikhaylov

Никита Михайлов

Ключевые навыки: HTML, CSS, JS Frontend.

Много лет работал в аутсорсинговой компании. Развивал клиентские проекты, делал фичи для разных CMS. В основном верстал, готов передать весь опыт вам. Поработав с сотнями проектов, научился выкручиваться даже из самых безнадёжных ситуаций. Помогу освоить вёрстку, чтобы она перестала казаться чем-то страшным.

Впечатления

https://ru.hexlet.io/code_reviews/259320 автор снимаю шляпу перед твоим решением, 2 вечера придумывал, а оно вон как все оказывается было просто...

Курс CSS: Адаптивность
продолжительность
6 часов
награда
29 баллов