no entendi grid-template-rows: auto 1fr auto Alguien me lo explica?

David Carrillo Castillo

David Carrillo Castillo

Pregunta
studenthace 3 años

no entendi grid-template-rows: auto 1fr auto Alguien me lo explica?

2 respuestas
para escribir tu comentario
    David Carrillo Castillo

    David Carrillo Castillo

    studenthace 3 años

    entonces grid-template-rows: auto 1fr auto va conforme a las manecillas del reloj, o hace referencia a que habra 3 filas, una auto, otra con una fraccion y otra auto?, aun asi suena raro f

    José Ángel Martinez Frias

    José Ángel Martinez Frias

    studenthace 3 años

    ya sea para filas o columnas, 1fr hace referencia a una fracción del tamaño de la pantalla de cualquier dispositivo, dependiendo del tamaño este se divide y se hace en fracciones, y el auto hace referencia todo lo que sobra, se adapta al tamaño que sobre, no hay una medida en especifico.

    es como utilizar margin: 0 auto, el 0 hace referencia arriba y abajo, el auto hace referencia hacia los costados, va a tomar lo que sobre hacia los costados y lo va a dividir en automático para centrar el contenedor.

    espero y te sirva.

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.