CSS Grid named areas let you draw the layout with names: grid-template-areas describes the arrangement as text, and each item is assigned to its area with grid-area. They make the structure readable and easy to reorganize by screen size.
Example
grid-template-areas:
'entete entete'
'menu contenu';
header { grid-area: entete; }