Junior Skills

Медиазапросы

Цель:

Формирование навыков создания адаптивных элементов страницы

Задачи:

  • Определение понятия медиазапроса и характеристик носителей
  • Виды экранов и их ориентация
  • Стратегия использования медиазапросов

Материал:

Критерии сдачи:

  • Добавьте на страницу блок flex-контейнер с классом .wrap
    • Внутрь вставьте 4 блока с классом .card
    • Наполните их заголовками и текстом, расположите горизонтально
  • На широкоформатных экранах с шириной выше 1200px, блоки располагаются по 4 в ряду и имеют 23% ширины
  • Для экранов с шириной меньше 1200px, блоки располагаются по 2 в ряду и имеют 45% ширины
  • Для экранов с шириной меньше 768px, блоки располагаются по 1 в ряду и имеют 100% ширины

Не зачёт:

  • Отсутствует одно или более решений задания
  • Выполненная работа не соответствует условию задания
  • Использованные стили применены не корректно, либо не в полном объеме
  • Стили страницы подключены локально, а не в стороннем файле