Tag: CSS-GRID
Necesito colocar 4 contenedores div en una matriz de 2 por 2. El ancho de las columnas debe ser igual (y por lo tanto fijo), mientras que la altura de las filas debe adaptarse al contenido de las celdas (y por lo tanto variable). Esto es simple de hacer siempre . . . Read more
Tengo una cuadrícula CSS simple con 2 columnas (60%, 40%). La primera está llena con una imagen. La imagen está bien contenida dentro de la cuadrícula cuando tiene suficiente altura. El problema ocurre cuando no tiene suficiente altura, la imagen se desborda en altura. Me gustaría que se mantenga dentro . . . Read more
El margin-top en el botón en sí mismo puede ser la respuesta, pero no me parece correcto. Si lo es, espero que una respuesta lo confirme. ¿Cuál es la mejor solución para bajar un poco el botón? El CodePen para más contexto: https://codepen.io/AdanRod133/full/WNZEYJX <div class=”container”> <img src=”” alt=””> <div class=”content”> . . . Read more
Tengo la siguiente estructura: grid raíz grid1 grid2 grid3 Defino las columnas: repeat(5, 1fr) El problema es que, debido a que su contenido tiene diferentes anchos. ¿Hay alguna manera de seleccionar de alguna forma el ancho del elemento más grande y establecerlo como el ancho mínimo de los otros 2 . . . Read more
Tengo una serie de imágenes que se obtienen de una base de datos, y cuando se agregan tres o más imágenes, se muestran visualmente en tres columnas. Cuando hay menos de tres imágenes presentes, debido a que estoy usando display: grid;, actualmente se justifica a la izquierda del contenedor principal . . . Read more