[SOLUCIONADO] Listado tipo Excel con CSS Grid Responsive

[gogupe]

Hola a todos !!

Hasta ahora, usando una plantilla para crear una página hecho con grid, lo tenía muy fácil para hacerla en responsive usando grid-template-areas por ejemplo:

Código:

  grid-template-areas: "head head"
                       "nav  main"
                       "nav  foot";

Pero a la hora de crear un listado de x filas, desconozco si se puede seguir usando los areas, con la idea de hacerlo responsive.

Mi grilla tiene 6 columnas, pero puede tener desde 1 a infinitas filas usando:

Código:

grid-template-columns:40px auto 100px 120px 120px 50px;

¿Alguna idea o algo que me pueda orientar?

Muchas gracias.

[ArturoGallegos]

Como recomendasion nunca des por sentado que otros entenderan de que les hablas, en lo personal con mis mas de 10 años de experiencia, no se de donde has sacado ese template con esa clase "grid-template-areas"

Se mas claro mostrando el codigo que has implementado, tanto HTML como CSS, para poder ayudarte.

Como nota: si tu duda, dilema es

desconozco si se puede seguir usando los areas,

la mejor forma de resolverlo es intentándolo,

Aqui solo te podemos ayudar si tu duda/dilema es "no me funciona, tiene errores"

[gogupe]

Hola Arturo, cuando posteo aquí alguna duda, ya lo he mirado y remirado en google, y he hecho muchas pruebas y cuando ya pienso que no tengo solución a lo que estoy haciendo, lo escribo aquí esperando encontrar otra forma de hacerlo o alguna ayuda.

Imagino que para hacer un listado tipo excel, habrá alguna manera de hacerlo responsive y es ahí donde iba dirigido mi pregunta. Pero bueno seguiré investigando.

Muchas gracias por tu respuesta !!!
Saludos.

[Triby]

gogupe, precisamente es lo que te está pidiendo Arturo, que muestres los avances que llevas y no has logrado hacer funcionar para ver si podemos ayudar, pero sin códigos no será posble, un poco de CSS no es suficiente para saber lo que está pasando.