CSS GRID

display:grid; ->

grid-template-columns: alinea en columnas: 10% ,px , fr

grid-template-rows: -> alineación de los items
grid-template-columns: repeat(5 , 1fr);-> separacion de
columnas en fracciones;
@media(max-width : 500px){}
div:nth-child(10){}
grid-column: 3 / 5 ;
grid-template-columns: 0fr 2fr 0fr ->
grid-template-columns:
grid-gap: 0px; separación entre los hijos del
display grid

[sidebar-start] 1fr
[contenido-start] 2fr; se nombran las columnas
grid-template-rows: y se les da un nombre
[header-start] 1fr
[contenido-start] 2fr
[footer-start] 1fr;
}