Jhoana España Urresty
Preguntastudent•hace 4 años
Tengo una duda, al agregar
display: grid; grid-template-columns: 1fr 1fr;
¿Cómo se posiciona la información, de tal forma que la divide en dos columnas?, en este caso
¿toma como referente el número de elementos que tengamos en una etiqueta?
Jhoana España Urresty
student•hace 4 años
Genial, muchas gracias
Edilberto Vazquez Luna
student•hace 4 años
exacto por ejemplo si tienes a siguiente etiqueta
<div> <div>div3</div> <div>div2</div> <div>div1</div> </div>lo que va a hacer:
grid-template-columns: 1fr 1fr 1fr;
es asignar las columnas o filas, dependiendo de la instrucción, en el orden en como están en el html
por ejemplo:
[ 1fr ][ 1fr ][ 1fr ] [div3][div1][div2]
si ya tomaste el curso de css grid layout recuerda que puedes asignar manualmente los contenedores con "grid-row" y "grid-column" en las filas y columnas que tu quieras
![Curso de Maquetación en CSS [Empieza Gratis]](https://static.platzi.com/media/achievements/badge-css-grid-91153317-c981-4a38-a534-b651b4395267.png){kind=icon}
![Curso de Maquetación en CSS [Empieza Gratis]](https://static.platzi.com/media/courses/OG-Practico-Maquetacion-CSS.png)