Resultados de la búsqueda a petición "css-grid"
El diseño de cuadrícula CSS no funciona en Edge e IE 11 incluso con el prefijo -ms
Estoy usando el siguiente marcado HTML para mi cuadrícula. <section class="grid"> <article class="grid-item width-2x height-2x">....</article> <article class="grid-item">....</article> <article class="grid-item">....</article> <article ...
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" ...
pseudo-elemento que actúa como un elemento de cuadrícula en la cuadrícula CSS
Estoy creando un formulario que tiene campos obligatorios. Para marcarlos como necesarios, pongo un asterisco (*) como::before elemento y flotando hacia la derecha para que esté en la esquina superior derecha del campo. El problema que estoy ...
¿Cómo alinear verticalmente objetos en CSS cuando se trabaja con cuadrículas CSS? [duplicar]
Esta pregunta ya tiene una respuesta aquí: Centrado en CSS Grid [/questions/45536537/centering-in-css-grid] 5 respuestasMe he encontrado con este problema recientemente. Supongamos que tengo un simple<h1> etiqueta y quiero centrarlo ...
Centrado en CSS Grid
Estoy tratando de crear una página simple con CSS Grid. Lo que no puedo hacer es centrar el texto del HTML en las celdas de la cuadrícula respectiva. He intentado colocar contenido por separadodivs tanto dentro como fuera de laleft_bg yright_bg ...
las áreas de plantilla de cuadrícula con arte ASCII no funcionan
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 de CSS ...
La diferencia entre las unidades de porcentaje y fr en el diseño de cuadrícula CSS
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; } .grid { display: grid; ...
Error de Safari de altura de fila de cuadrícula CSS
Hice una plantilla de cuadrícula con filas de 1fr 1fr 1fr. En la fila central, hay una lista de imágenes en línea. En Chrome y Firefox, las imágenes respetan la altura de la fila de la cuadrícula y se adaptan correctamente. Sin embargo, en ...
Diseño de mampostería solo CSS
Necesito implementar un diseño de mampostería bastante poco convencional. Sin embargo, por varias razones, no quiero usar JavaScript para hacerlo. [/imgs/Z25DI.png] Parámetros: Todos los elementos tienen el mismo ancho.Los elementos tienen ...
¿Hay selectores que apuntan a elementos en ciertas posiciones de la cuadrícula?
Tengo una cuadrícula CSS con un montón de elementos de cuadrícula de flujo automático. A veces los elementos de la cuadrícula son una pista de 1 x 1, y a veces son pistas de 2 x 2, así queno sabe por el orden de origen qué elementos estarán en ...