Позиционирование элементов. Grid Layout (обновлен 2021-11-01)

task 1

C помощью grid выполнить верстку в out-1 подобную изображению на рисунке. Высота header, footer - 50px, средней линии - 200px, размеры aside - 25%, main - оставшееся горизонтальное пространство. Отступы между блоками - 5px.

task 2

C помощью grid выполнить верстку в out-2 подобную изображению на рисунке. Высота header, footer - 50px, средней линии - 200px, размеры aside - 25%, второй aside - 25%, main - оставшееся горизонтальное пространство. Отступы между блоками - 5px.

task 3

C помощью grid выполнить верстку в out-3 подобную изображению на рисунке. Высота header, footer - 50px, каждой средней линии - 200px, размеры новостей по 50%. Отступы между блоками - 5px.