In theory i understand Grid Css but always when i used it… im failed, so i need some explanation please!!
I want this format but nothing happend…
grid-template-areas:
“navigbar title”
“navigbar docu”
“footer footer”;
Thank you!!
In theory i understand Grid Css but always when i used it… im failed, so i need some explanation please!!
I want this format but nothing happend…
grid-template-areas:
“navigbar title”
“navigbar docu”
“footer footer”;
Thank you!!
Can you share your code via codepen so we can see what’s going on?
The issue is that you have defined the grid for the div with id=“main-doc”, but that div only contains one element (a main element). If you change #main-doc to main in your CSS, then your grid will display as you are expecting.