Resultados de la búsqueda a petición "css-grid"

3 la respuesta

Cree una cuadrícula de mampostería con flexbox (u otro CSS)

Me gustaría lograr un efecto de cuadrícula en CSS con elementos que tengan el mismo ancho en tamaño pero no en altura. Me gustaría que el elemento debajo esté siempre a 50 px del inferior, lo que sea que siga. Lo intenté con carrozas, pero ese ...

4 la respuesta

Diseño de mampostería con cuadrícula css

Estoy tratando de crear un diseño de mampostería.usando el diseño de cuadrícula css. Todos los elementos en la cuadrícula tienenvariablealturas Y no sé qué artículos serán. Entonces no puedo definirgrid-row para cada artículo ¿Es posible comenzar ...

2 la respuesta

Las áreas de cuadrícula no se distribuyen correctamente en CSS Grid

Quiero hacer mi sitio web utilizando el sistema de cuadrícula CSS, pero parece que no funciona. Aquí está mi código: .grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo faq" ...

1 la respuesta

Centrado de columnas en CSS Grid

Estoy tratando de crear una cuadrícula CSS simple utilizando las propiedades de la cuadrícula CSS nativa. Funciona como quería, excepto que quiero crear una clase de utilidad que pueda centrar una columna en una cuadrícula. ¿Hay alguna manera de ...

0 la respuesta

Flexbox, comportamiento extraño con CSSGrid

Tengo esta situación:https://jsfiddle.net/johnsam/rdtva2fq/ [https://jsfiddle.net/johnsam/rdtva2fq/] EnCromofunciona bien, mira esto: [/imgs/77Sz0.png] Comienza (vea "PRIMERO" y "ÚLTIMO" btn). Bueno. EnSafarino lo hace (también con iPad / ...

4 la respuesta

Hacer que un elemento de cuadrícula se extienda hasta la última fila / columna

¿Es posible hacer que un elemento de cuadrícula abarque desde la primera hasta la última fila cuando no sé el número de filas? Digamos que tengo el siguiente html con un número desconocido de cajas. ¿Cómo puedo hacer el tercero?.box abarcan ...

2 la respuesta

Un diseño de cuadrícula con cuadrados receptivos

Quiero crear un diseño de cuadrícula con cuadrados receptivos. Siento que debería poder hacer esto con el diseño de la cuadrícula CSS, pero tengo problemas para configurar la altura de cada cuadrado para que sea igual al ancho. También tiene ...

5 la respuesta

Hacer que las columnas de relleno del contenedor de cuadrícula no sean filas

Quiero que mi cuadrícula se complete verticalmente así: 1 4 7 2 5 8 3 6 9 ... arbitrary number of additional rows.En cambio, se llena horizontalmente así: 1 2 3 4 5 6 7 8 9Quiero especificar el número de columnas en mi cuadrícula, no el número ...

1 la respuesta

Solución única de CSS para establecer secciones de fila de "la misma altura" en una cuadrícula receptiva

Querido: una solución única de CSS para habilitar "secciones" de cuadrícula de igual altura por fila, que también responde. Esperemos que este diagrama explique el requisito mejor que las palabras en esta publicación: La "cuadrícula de ...

2 la respuesta

Solución única de CSS para establecer MÚLTIPLES secciones de fila de "misma altura" en una cuadrícula receptiva

Querido: una solución única de CSS para habilitar MULTIPLE "secciones" de cuadrícula de igual altura por fila, que también responde. Nota: esta es una pregunta de seguimiento paraesta ...