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

Супер короткая статья, и для многих пользователей она может оказаться очень полезной. Приведу пример, чтобы все встало на свои места: человек набирал текст в блокноте, может быть, в программе под названием WordPad, а потом закинул все это в офисный процессор и отправил вам "кашу", которую ваш Microsoft Word отказывается корректно открывать; либо пример из жизни (я столкнулся с ним позавчера) - мне прислали текстовый документ в формате DOCX, НО! человек набирал его в каком-то opensourse редакторе, который видимо не очень хорошо умеет работать с "новым" форматом Word'а...