Es posible aplicar columnas y filas solo a una parte del código digamos al hero?, ya que el header y el footer no me dan problemas como y...

David Farinango

David Farinango

Pregunta
studenthace 7 años

Es posible aplicar columnas y filas solo a una parte del código digamos al hero?, ya que el header y el footer no me dan problemas como ya los tengo actualmente, y que tan recomendable es hacerlo para el momento de renderizar el código?; estaba revisando en paginas como amazon, pinterest para tratar de ver como lo hacen pero en amazon no encontre ningún display grid, en cambio en pinterest si encontre!. Mi idea era aplicar el header y el footer como el de amazon y utilizar display: grid solo para la parte de los productos, que tan buena o mala idea es eso? porfa ayuda! 😄

4 respuestas
para escribir tu comentario
    Ramdhei López Arcila

    Ramdhei López Arcila

    studenthace 5 años

    Si, si no quieres grid en header y footer sólo pon display:grid en el contenedor de elementos en el que quieras ordenar.

    Harold David Avila Sabogal

    Harold David Avila Sabogal

    studenthace 6 años

    simplemente le das display grid al container que desees de esta manera

    Juan David Avila Caycedo

    Juan David Avila Caycedo

    studenthace 7 años

    Si puedes simplemente al Main y/o hero le aplicas el grid y el resto lo tienes afuera

    Body o padre

    Header

    Main

    Footer

    /Body o padre

    Y le das el posicionamiento como decees a cada uno de los elementos hijos del body o padre.

    Carlos Jesús Fernández Salazar

    Carlos Jesús Fernández Salazar

    studenthace 7 años

    Hola, no soy experto pero antes de terminar el curso Leonidas asigna dos desafíos. Para completarlos hice uso de varias estructuras sin problema así que la respuesta a tu pregunta, desde mi punto de vista, es sí. De hecho me parece lo interesante, poder usarlo justo donde lo necesites.

    Este es el resultado de uno de los desafíos que hice.

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.

Curso de CSS Grid Layout 2017
Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.