¿Por que al main le da un height: auto, y al header un height: 334px? En figma hay una medida absoluta del height, tanto para header como...

Luis Enrique Carrera Valle

Luis Enrique Carrera Valle

Pregunta
studenthace 4 años

¿Por que al main le da un height: auto, y al header un height: 334px?

En figma hay una medida absoluta del height, tanto para header como para main.

2 respuestas
para escribir tu comentario
    Ruben Dario Hernandez Centeno

    Ruben Dario Hernandez Centeno

    studenthace 4 años

    El main es mcuho mejor colocarlo en auto, ya que se acomoda a los elementos internos y además no necesita ajuste cuando este mismo se abre en tablets y Desktop, prueba hacerlo como crees, eso te dará experiencia, pero al final verás el inconveniente de NO ser 'auto'

    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 4 años

    Porque

    height: auto
    ; significa que el elemento ajustará automáticamente su altura para permitir que su contenido se muestre correctamente. Por eso que al header le da
    334px
    , porque el header tiene un tamaño fijo, hasta este punto main equivale
    334px
    aproximadamente, si agregas otro elemento main seguirá ajustando al tamaño.

    Lo puedes ver más visual en este codi.link

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.