Preguntas con la etiqueta [css-grid]
La diferencia entre porcentaje y unidades fr.
Estoy jugando con CSS Grid Layout y encontré una pregunta para la que no puedo encontrar una respuesta. Considere el siguiente ejemplo: :root { --grid-columns: 12; --column-gap: 10px; --row-gap: 10px;
¿Por qué minmax(0, 1fr) funciona para elementos largos mientras que 1fr no?
Entonces tengo esta cuadrícula: +---------+------------------------------+---------+ | <div> | <p> - 1000 characters long | <div> | +---------+------------------------------+---------+ En el interior phay una cuerda súper larga sin espacios. divLos s son
Artículos flexibles de igual ancho incluso después de envolverlos
¿Es posible crear una solución CSS pura como esta? Los artículos tienen algunos min-width. Deberían crecer dinámicamente para llenar todo el ancho del contenedor y luego ajustarse a nuevas líneas.
Haga que un elemento de cuadrícula se extienda hasta la última fila/columna en la cuadrícula implícita
¿Es posible hacer que un elemento de la cuadrícula abarque desde la primera hasta la última fila cuando no sé el número de filas? Digamos que tengo el siguiente contenido
¿Por qué no funcionan mis áreas de plantilla de cuadrícula con arte ASCII?
Cuando grid-template-areas: "....... header header" "sidebar content content"; se cambia a: grid-template-areas: "....... header header" "sidebar header content"; Todo se desmorona. ¿Cómo puedo lograr el mismo efecto con el diseño
Hacer que el contenedor de cuadrícula llene columnas, no 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 completa horizontalmente así: 1
Alinear elementos secundarios de diferentes bloques.
Tengo una lista de mercancías. Necesito mostrarlos en una lista bidimensional. Cada artículo tiene elementos secundarios: foto, título, descripción, precio y botón de compra, cuyo tamaño y ubicación deben ser
Diseño de mampostería solo CSS
Necesito implementar un diseño de mampostería. Sin embargo, por varias razones no quiero usar JavaScript para hacerlo. Parámetros: Todos los elementos tienen el mismo ancho. Los elementos tienen una altura
