CSS Grid Layout

The Grid Layout Module offers a grid-based layout system, with rows and columns.

The Grid Layout Module allows developers to easily create complex web layouts.

The Grid Layout Module makes it easy to design a responsive layout structure, without using float or positioning.

eg CODE :

.container {
display: grid;
grid-template-areas:
"header header"
"menu content"
"footer footer";
grid-template-columns: 1fr 3fr;
gap: 3px;
background-color: dodgerblue;
padding: 5px;
}

`