Joel Dominguez Merino
Pregunta¿Es mala practica definir el tamaño de las filas y columnas de la siguiente manera?
.container { height: 100vh; display: grid; grid-template: 0.5fr 3fr 0.5fr / 1fr 2fr; grid-gap: 10; grid-template-areas: "header header" "left contenedor" "footer footer"; }
Como verán defino las filas con 0.5fr 3fr 0.5fr
Al igual que las columnas donde defino el doble en la segunda columna para obtener ese tamaño menor.
O es mas recomendable definirlo con una medida Absoluta? Como lo es px como lo hace Leonidas en la clase
Jose Antonio Padron Fernandez
La mejor forma es hacerlo con medidas relativas ya que así se adapta mucho mejor el responsive design.
Jose Antonio Padron Fernandez
En la clase se hace con medidas absolutas porque es más fácil de entender y enseñar ;)
Efraín Hernández García
Creo es mucho mejor como tu lo planteas
Joel Dominguez Merino
Ok, muchas gracias por sus comentarios :)
jorge llanque
Si estás trabajando en un proyecto real obviamente debes usar medidas relativas como fracciones en el caso de grid. ¿Por qué? porque grid trabaja explícitamente con contenedores, obviamente su alcance va mucho más allá, pero si estás construyendo contenedores sabrás muy bien que esos contenedores tendrán que ser responsivos, entonces para tener un código más eficiente y limpio, sin mencionar que esto también optimiza tu código, mi consejo es trata de usar medidas relativas en todos los contenedores que vayas a construir.
Joel Dominguez Merino
Gracias por el consejo! Saludos :D
