, чтобы сохранить свой прогресс
Использование медиа-запросов для создания адаптивных макетов
CSS Grid может быть простым способом сделать ваш сайт более отзывчивым, используя медиа-запросы, чтобы изменить области сетки, изменить размеры сетки и изменить порядок размещения элементов. В предварительном просмотре, когда ширина области просмотра составляет 300 пикселей или более, количество столбцов изменяется от 1 до 2. Область рекламы затем занимает левый столбец полностью.
Когда ширина области просмотра составляет 400px или более, сделайте область заголовка 400px верхней строкой полностью, а нижняя 400px полностью занимает нижнюю строку.
/**
* Your test output will go here.
*/