css grid area not working code example
Example 1: unknown property grid-template-areas
.sidebar{
grid-area:sidebar;
background:aqua;
}
.grid_container{
display:grid;
grid-template-columns: 1fr 3fr;
grid-template-rows: 1fr 3fr;
grid-template-areas:
"sidebar ."
"sidebar .";
background:pink;
height:300px;
}
Example 2: grid template areas
/* Keyword value */
grid-template-areas: none;
/* values */
grid-template-areas: "a b";
grid-template-areas: "a b b"
"a c d";
/* Global values */
grid-template-areas: inherit;
grid-template-areas: initial;
grid-template-areas: unset;