Источник: WebForMyself.com Недавно я экспериментировал с CSS-сеткой и свойствами выравнивания для создания макетов компонентов, содержащих несколько перекрывающихся элементов. Эти макеты могут быть оформлены с использованием абсолютного позиционирования и сочетания значений смещения (top, right, bottom, left), отрицательными полями и преобразованиями. Но с помощью CSS Grid, позиционирование наложенных элементов могут быть построены с использованием более логичных, удобочитаемых свойств и значений...
пошаговая инструкция и объяснение почему это происходит
Когда мы верстаем блоки "потоком", блок, поставленный ниже отображается на слой выше, поэтому нижний перекроет тень верхнего.
В макете header имеет...