Css Grid
CSS GRID display:grid; -> grid-template-columns: alinea en columnas: 10% ,px , fr grid-template-rows: -> alineación de
Views 207 Downloads 0 File size 821KB
Recommend stories
- Author / Uploaded
- Mauricio Henao Rua
Citation preview
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; grid-template-rows: [header-start] 1fr [contenido-start] 2fr [footer-start] 1fr; }
se nombran las columnas y se les da un nombre