Advanced CSS Grid Layout Techniques.
Advanced CSS Grid
CSS Grid Layout excels at dividing a page into major regions.
.container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
grid-template-areas:
"header header header"
"main main sidebar"
"footer footer footer";
}