Problems with Grid... (Yes i know) but i need some help

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.