CSS, Web, Web Development, Layout.
} At this time, the division of the grid area is like the following figure: Although the effect has been adjusted, it is still evenly distributed. A better solution is to combine grid-template-areas and grid-template : body { display: grid; grid-template-areas: "header header header" "nav main