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

Task 01

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

Task 02

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

Task 03

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

Task 04

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

Task 05

C помощью grid выполнить верстку в out-5 подобную...

Задачи доступны после покупки курса

Task 06

C помощью grid выполнить верстку в out-6 подобную...

Задачи доступны после покупки курса

Task 07

C помощью grid выполнить верстку в out-7 подобную...

Задачи доступны после покупки курса

Task 08

C помощью grid выполнить верстку в out-8 подобную...

Задачи доступны после покупки курса

Task 09

C помощью grid выполнить верстку в out-9 подобную...

Задачи доступны после покупки курса