con metodología mobile first, tambien puedo trabajar con grid? Tendria que testear cuantas columnas en mobile, en tablet y desktop

Omar Gabriel Aguilar Moscoso

Omar Gabriel Aguilar Moscoso

Pregunta
student
hace 4 años

con metodología mobile first, tambien puedo trabajar con grid? Tendria que testear cuantas columnas en mobile, en tablet y desktop

6 respuestas
para escribir tu comentario
    Kenneth Angulo L

    Kenneth Angulo L

    student
    hace 3 años

    CSS es lo mejor para responsive.

    Pero ya no necesitas tener en mente mobile first.

    Si el diseno se planea muy bien la grid hace que el contenido se ajuste automatico a cualquier tamano de visualizacion y practicamente no hay que escribir mas 'media queries'

    ejemplo: para una galeria de fotos:

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)

    y si es necesario como ultima instancia puedes re-definir las grid en el media query:

    ejemplo - en un media query para tamanos pequenos, poner asi:

    .about { grid-template-columns: 1fr; }

    Jesus Eduardo Murrieta Rosas

    Jesus Eduardo Murrieta Rosas

    student
    hace 3 años

    Simple, con media query si detectas que es un mobile haces el grid de nuevo pero esta vez para mobile

    Richard Montesdeoca

    Richard Montesdeoca

    student
    hace 4 años

    Con los medias queries puedes cambiar el diseño del layout con grid, es súper fácil y practico.

    Omar Gabriel Aguilar Moscoso

    Omar Gabriel Aguilar Moscoso

    student
    hace 4 años

    Gracias profesora Estefany :D

    Estefany Aguilar

    Estefany Aguilar

    teacher
    hace 4 años

    Hola Omar ! Excelente Preguntaaaa... Sí, se puede ! Y CSS Grid es una de las mejores cosas que podemos usar para trabajar con responsive. Dentro de poco sacaremos una guía paso a paso para saber cómo se podría hacer este parte tan importante... Te invito a estar atento a nuestras publicaciones en el blog 😃

    Daniel Fabiani

    Daniel Fabiani

    student
    hace 4 años

    Excelente pregunta! imaginaria que si, pero también tengo la misma duda.

Curso de CSS Grid Layout [Empieza Gratis]

Curso de CSS Grid Layout [Empieza Gratis]

Aprende a crear diseños web modernos con CSS Grid, alineando y posicionando elementos de manera precisa. Ideal para proyectos creativos, entenderás cómo automatizar y ajustar layouts para diferentes dispositivos.

Curso de CSS Grid Layout [Empieza Gratis]
Curso de CSS Grid Layout [Empieza Gratis]

Curso de CSS Grid Layout [Empieza Gratis]

Aprende a crear diseños web modernos con CSS Grid, alineando y posicionando elementos de manera precisa. Ideal para proyectos creativos, entenderás cómo automatizar y ajustar layouts para diferentes dispositivos.