Tag: CSS-GRID
¿Cómo puedo hacer que el div “Menú” ocupe toda la longitud de la fila? Lo he definido para que ocupe toda la fila, pero se detiene en el nivel 3 de la cuadrícula. Mi código: .wrapper{ border: 1px solid black; display: grid; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); grid-template-rows: 40px auto 40px; /* grid-auto-rows: . . . Read more
Básicamente, tengo esta cuadrícula CSS personalizable por el usuario (nota: el ancho y alto no tienen límites, y no quiero que los tengan) y puede ser realmente ancha y/o realmente alta, y si eso sucede, el desplazamiento simplemente se detiene en alguna parte y los elementos que no están en . . . Read more
Estoy usando react-twitter-embed para mostrar una línea de tiempo en una página de inicio. Pero me gustaría agregar una cuadrícula CSS personalizada (los tweets, limitados a seis, deben aparecer horizontalmente y no verticalmente): import { useTranslation } from “react-i18next”; import { TwitterTimelineEmbed } from “react-twitter-embed”; import { FollowUsOn } from . . . Read more
Tengo problemas para colocar un div debajo de otro div con display: grid. El div se está colocando encima del otro y no debajo. “app-bm-payment-card-item” es un componente personalizado de Angular. Archivo HTML <!– Envoltorio div –> <div *ngif=”pageReady && myProfiles” class=”ion-padding”> <!– Div que muestra las tarjetas apiladas o . . . Read more
Dado un cuerpo de cuadrícula y estas 3 paneles: ┌───┬───┐ │ │ B │ │ A ├───┤ │ │ C │ └───┴───┘ Estoy tratando de hacer que las columnas A y B/C ocupen el 50% del ancho de la ventana; A ocupe el 100% de la altura de la ventana, . . . Read more