Constelaciones
Esté repositorio es para mostrar un pequeño ejercicio de Platzi utilizando CSS Grid.
Utilizando las siguientes herramientas aprendidas:
grid
Puede lograr tirar una cuadricula, dando como referencia columnas y filas.
grid-template
Hace posible dar las columnas y filas que se usaran para hacer la cuadricula.
grid-area
Donde se coloca los elementos. Dando la información de la celda.
repeat()
Es utilizado para poder hacer el código más fácil de colocar las filas o columnas para no repetir código.
auto-fill
Con esta instrucción podemos llenar espacios invisibles creando celdas automáticamente para no dejar de ver las celdas visibles deformarse u ocupar un espacio no requerido.
auto-fit
Crea celdas visibles para llenar el espacio requerido.
justify-content
Ajuste de la posición del hijo en la horizontalmente ya sea expandiéndolo contrayéndolo por columnas o unidos.
align-content
Ajuste de la posición del hijo en la verticalmente ya sea expandiéndolo contrayéndolo por filas o unidos.
align-items
Podemos ajustar la posición del elemento verticalmente dentro de las celdas.
justify-items
Podemos ajustar la posición del elemento horizontalmente dentro de las celdas.
text-orentation
Nos da la posibilidad de orientar las letras de manera que la cultura da para leer.
writing-mode
Nos da la posibilidad de poner vertical o horizontalmente la lectura con la posibilidad de leer de derecha a izquierda o viceversa.
En resumen, es una pequeña demostración de lo aprendido y resaltar el poder que tiene Grid en la actualidad con respecto a las anteriores posibilidades.