Tag: CSS-GRID
Tengo un cliente que quiere envolver la segunda caja en una pantalla de flexbox alrededor de la parte inferior de la primera para ahorrar espacio. Aquí es cómo se ve la pantalla actualmente: Y aquí es cómo quieren que se vea: Aquí hay una aproximación de nuestro CSS: .container { . . . Read more
Estaba tratando de pensar en una forma de hacer que un elemento de cuadrícula abarque todas las columnas. Mientras lo hacía, GitHub copilot sugirió final-column. Funciona en Chrome, pero no encuentro ninguna documentación al respecto… Incluso busqué en los documentos de Mozilla sobre ello. para final-column, pero no hay ningún . . . Read more
Estoy tratando de crear un sitio web con el fondo adjunto. Sin embargo, estoy teniendo algunos problemas con los desgarros de papel. Originalmente, estaba creando un div de contenedor principal para cada sección. Sin embargo, no lograba que se viera bien. Intenté hacer que el fondo fuera un jpg, pero . . . Read more
La necesidad es tener el ancho de la columna .card-media establecido en 0 cuando está vacío. .card { display: grid; grid-template-columns: minmax(0, 24%) 1fr; grid-template-rows: auto 1fr auto; grid-auto-flow: row; grid-template-areas: ‘card-media card-title’ ‘card-media card-content’ ‘card-action card-action’; padding: 1rem; width: 100%; } .card-media { grid-area: card-media; margin-right: 2%; float: left; . . . Read more
Estoy obteniendo algunos datos de Firebase que consisten en una imagen y un texto que quiero mostrar en una cuadrícula. Estoy utilizando un bucle foreach para que el sitio web cambie los datos en Firestore para mayor comodidad. Pero cuando estilo esto en una cuadrícula, deja un espacio en la . . . Read more