Preguntas con la etiqueta [grid]
Esta etiqueta es ambigua, por favor no la use. Para diseños de filas y columnas, utilice [css-grid-layout]. Para la configuración de la computación de alto rendimiento, utilice [grid-computing]. Para el paquete de trazado R, utilice [r-grid]. Para los datos multidimensionales, utilice [array].
96
preguntas
0
votos
0
respuestas
21
vistas
¿como puedo centrar los grids items que tienen los stack y todo eso, cuando este en tamaño de telefono?, estoy usando mui ayudenme
Tengo una sección de habilidades en mi aplicación web, implementada con React y Material-UI. La sección consta de una cuadrícula (Grid) que contiene varias cuadrículas internas (Grid items) que ...
0
votos
1
respuesta
86
vistas
Row button con Grid JS
Hola a todos estoy usando Grid Js, Leí su documentación para poder implmentar el uso de botones dentro de las filas pero no he logrado conseguirlo.
El codigo donde implemento la librería esta en un ...
0
votos
0
respuestas
22
vistas
Flex direction para grid
Estoy creando un formulario que tiene 2 columnas para los inputs. Estos campos se generan de forma dinámica, ya que se trae de una base de datos, se recorre y se agrega al form.
La cosa es que quiero ...
2
votos
2
respuestas
29
vistas
Alinear Auto Flow Grid Desde la Derecha
tengo el siguiente codigo.
.container{
margin:auto;
width: min(100%, 800px);
border: 1px solid #0e0e0e;
min-height: 200px;
text-align: center;
display: grid;
grid-...
1
voto
1
respuesta
56
vistas
Como procesar texto formato HTML en una grilla
estoy trabajando en un proyecto donde tengo informacion en formato HTML porque luego se lleva a la web. El tema es que en la aplicacion necesito visualizar dicha informacion en formato de grilla, pero ...
0
votos
1
respuesta
66
vistas
¿Cómo fijar íconos dentro de un INPUT al reducir el ancho de la ventana?
Tengo este pequeño inconveniente...
Estoy desarrollando una pequeña ventana de Login "responsive".
Y dentro de esta ventana, deseo que los íconos que se encuentran "dentro" de los ...
0
votos
1
respuesta
44
vistas
Tengo un problema con "grid"
Estoy horas y horas y no encuentro el problema.
Quiero agregar grid a una de mis páginas ya quiero quiero aprender a usarlo pero no se adapta el contenido (imágenes, texto, etc).
Ya puse las columnas ...
0
votos
1
respuesta
103
vistas
Como dar color a la linia separadora de rows en css grid?
Hola estoy creando una copia de la pagina principal de búsqueda de Google. Estoy creando el footer con un grid para crear los dos espacios y darles los atributos. Mi pregunta es como puedo hacer que ...
0
votos
0
respuestas
21
vistas
Como hacer que el navbar se coma el contenido?
Tengo el siguiente problema. Hice un navbar con html y css, tengo también un main con 3 imágenes con grids, sobre estas imágenes tengo un texto el cual tiene Position:absolute para quedar sobre las ...
0
votos
0
respuestas
18
vistas
manejo de cardas con display grid
tengo una serie de cards que contienen imagenes
estoy trabajando en el diseño responsiva de las cards
el elemento lo tengo en una columna la cual se va reduciendo meidiante el tamaño de pantalla ...
0
votos
1
respuesta
68
vistas
No entiendo por que grid me arroja un error
les comento que quiero hacer lo siguiente:
.cart-box{
display: grid;
grid-template-columns: 32% 50% 18%;
}
Pero me resalta el 50% del centro y me dice:
specifies, as a space-...
2
votos
0
respuestas
112
vistas
cómo hago que un div se expanda hacia atrás con css?
y baje el div de atras cuando le doy click a un input checkbox, el div vuelve hacia abajo y no hacia la izquierda, e probado con css grid, grid-area, grid-column, order, flexbox, cuadrícula con float, ...
0
votos
0
respuestas
91
vistas
podemos tener ancho de columnas automático en {grid-template-columns:repeat(auto-fill, (auto, auto));}?
mi CSS trabaja bien:
<style>
.tabmag {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
border: 1px solid;
}
.tabmag figure {
...
0
votos
1
respuesta
42
vistas
Nav bien distribuido con CSS
este es mi primer mensaje, así que siento si cometo algún error al presentarla.
Estoy intentando crear una barra superior en el Header, con el icono a la izquierda, parte del menú en el centro, y dos ...
0
votos
1
respuesta
52
vistas
Grid que se miniaturiza en ancho y alto proporcionalmente
EStoy intentando hacer esto
Pero lo que quiero es que se haga mas pequeño en alto y ancho cuando la pantalla se haga mas pequeña.
No tengo idea de como hacer
<section class="grid-blog-image&...
0
votos
1
respuesta
30
vistas
organizar listas
Esperando se encuentren muy bien, escribo acá para consultar un par de cositas, estoy en un bootcamp de desarrollo web y no logro meter la grilla dentro de la pagina, se que se puede hacer algún tipo ...
0
votos
1
respuesta
60
vistas
No me deja usar grid row area correctamente
Soy nuevo en programación y me ha surgido este inconveniente, cuando quiero ordenar mis divs con las areas ya creadas resulta que no estarian ordenando bien, sino que se queda el primer elemento y ...
0
votos
0
respuestas
29
vistas
no se me rellena el el div por la izquierda
uso bootstrap e hice una row y en ella meti el col-12 que solo tengo un texto y una clase que me rellena de un color especifico la columna, pero me deja un hueco a la izquierda y no se porque. Es en ...
0
votos
1
respuesta
281
vistas
No se me hacen espacios entre columnas con bootstrap
No se por que pero en la mayoria de paginas al hacer el codigo que dejare, se me crea siempre solo los espacios entre columnas pero en esta pagina que estoy haciendo no se me hace nada, pruebo a darle ...
0
votos
1
respuesta
125
vistas
Alinear cards cuando se achica la pantalla, usando grid
Tengo éstas cards que están una al lado de la otra y logré centrarlas.
También quería hacerlo responsive y que se colocaran una debajo de la otra al hacer más pequeña la pantalla, y esto quería ...
1
voto
1
respuesta
117
vistas
Bootstrap - ¿Cómo hacer botones responsive en hero?
Buenas!
Estoy desarrollando un sitio web con Bootstrap 5.1.3.
Tengo un hero con un titulo y 3 botones.
La idea es que quiero que en tamaños desktop esté todo en una línea y cada uno ocupe su espacio.
...
2
votos
1
respuesta
581
vistas
Alineación de Campo en Grid Tkinter Python
Tenemos una tabla y se muestran los valores que se extraen de la base de datos Mysql. Los campos son solo tres para esta tabla (Fecha, Abono y Saldo). Mi problema es que no se la forma de alinear a la ...
1
voto
0
respuestas
15
vistas
Problema con area de enlace
he intentado arreglar el area que me queda a los lados del enlace cuando defino los grid layout, puedo tocar el boton desde cada esquina, y quiero se adapte esa area al tamaño de la palabra continuar, ...
0
votos
1
respuesta
31
vistas
Definir máximo número de items por hilera en una retícula
Usé esta respuesta para centrar las fichas de producto en la última hilera de una tienda online, funciona perfectamente.
Me gustaría saber si es posible definir un método para equiparar el número de ...
1
voto
0
respuestas
36
vistas
Mi problema es que las filas en grid no se adaptan al elemento en altura
muy buenas a todos. Mi problema es que las filas en grid no se adaptan al elemento en altura. En la imagen marque el espacio no deseado
EL DIV DE LA IMAGEN
.hero__container{
max-width: 800px;
...
0
votos
0
respuestas
103
vistas
Cambiar el valor de grid-template-columns con js
let numSquares = 6
let colors = generateRandomColors(6)
let squares = document.querySelectorAll(".square")
let pickedColor = pickColor()
let colorDisplay = document.querySelector("#colorDisplay")
let ...
1
voto
1
respuesta
452
vistas
¿Cómo ocultar un aside con posición absoluta y CSS Grid
Estoy tratando de ocultar un aside pero al intentar aplicar la clase CSS con javascript no funciona, no entiendo por que no aplica la clase a mi elemento wrapper.
Quiero mi wrapper se ponga por encima ...
0
votos
1
respuesta
163
vistas
¿Cómo hacer auto scroll hasta el ultimo elemento en un grid?
Primero un amable saludo a la comunidad.
Intento programar un chat en Genexus para smart devices con el generador .net.
En un SDPanel tengo un Grid y un botón "insert" para insertar texto ...
0
votos
0
respuestas
38
vistas
Cómo ocultar filas que se mostraron de uno en uno- jquery.?
Tengo una sección de bloques que se muestran 4 en cada una de las filas. Con el botón LOAD MORE se mostrará otra fila con 4 bloques y así hasta que muestre todos los bloques.
Cómo podría hacer que ...
0
votos
1
respuesta
46
vistas
Limitar el valor de una celda
estoy trabajando con un proyecto en wpf asp.net. Tengo un grid y quiero que una de las celdas nunca pueda superar cierto valor, en concreto 99.99. Esta celda puede ser editada por el usuario. He ...
0
votos
1
respuesta
58
vistas
Boostrap - Sistema de Grid
introducir el código aquíTengo una consulta con respecto a boostrap y su sistema de grid , estaba programando una galeria estilo mosaico y me estaba basando en gran medida en estos 2 porfolios
https://...
0
votos
1
respuesta
127
vistas
Una grid area no es tomada como tal
Tengo unas grid areas, pero que no me las ubica como tal. Yo puse que haya dos columnas y dos filas, pero que la segunda columna siempre sea la misma. Es decir, puse un "grid-template-area:"...
0
votos
1
respuesta
323
vistas
Grid sin scroll bar horizontal
¿Cómo puedo habilitar el scroll bar horizontal en un grid en genexus 16 u9?
Por default se habilita el scroll bar vertical, pero no así con el scroll horizontal.
De antemano gracias.
2
votos
2
respuestas
973
vistas
Angular - Grid de PrimeNG no funciona
estoy intentando instalar Angular 12 con primeng y el primeflex, pero al momento de probar, no me andan los estilos, lo que hice fue:
npm install primeng --save
npm install primeicons --save
npm ...
0
votos
2
respuestas
118
vistas
Mantener tamaño de producto - CSS Grid
Estoy aprendiendo grid, tengo un problema para mantener el tamaño adecuado de un item cuando es buscado, siempre estoy mostrando 4 productos, que se acoplan perfectamente, este es el código:
....
0
votos
1
respuesta
454
vistas
¿Como le hago para que funcione mi grid-template-columns?
Tengo un problema con mi código ya que el CSS no se ve reflejado en mí HTML aquí les dejo mi código
<div class="camisa">
<img class="camisa__imagen" src="../img/...
0
votos
1
respuesta
227
vistas
Problema con el grid de Bootstrap 5
Necesito cinco columnas que se comporten de la siguiente forma:
Para pantallas de menos de 576px que expandan 12 columnas (full width)
Para pantallas de igual o más de 576px tengan el mismo ancho
...
1
voto
1
respuesta
59
vistas
Problema desconocido en Tkinter
Estoy haciendo un programa que da un numero y una serie para la lotería en tkinter pero desconozco por que el editor me arroja la excepción SyntaxError: invalid syntax y no se por que, he repasado ...
0
votos
1
respuesta
114
vistas
Como hacer este layout con grid css
quería saber como podía lograr este grid:
Tengo esto armado pero no me funciona:
&__rocket{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: ...
0
votos
2
respuestas
851
vistas
CSS grid me añade espacio en blanco al final de la pagina
¿Cómo puedo eliminar el espacio en blanco que se me añade al final del grid? Soy nueva en programación y he intentado varias respuestas que he encontrado de otras preguntas similares pero sigo sin ...
2
votos
1
respuesta
825
vistas
Expandir con grid 2 columnas
Estoy tratando de expandir dos columnas sin poder lograrlo, les coloco el código, todas sus ayudas son bienvenidas.
Este es el codigo del html perdon por no incluirlo previamente.:
<section id=&...
1
voto
1
respuesta
236
vistas
Alinear el contenido de sus hijos en grid
He estado intentando centrar el contenido de un contenedor grid (vaya la redundancia) sin embargo no lo he logrado. Lo que intento es que, tengo una columna con filas, las cuales son partidas por ...
1
voto
0
respuestas
12
vistas
¿Como detecto si un objeto esta conectado a la fila mas alta de una cuadricula hexagonal?
Estoy tratando de hacer un bubble shooter, ya tengo todo hecho menos una cosa, y es que cuando eliminas todas las bolas al rededor de un grupo, se quedan flotando, y me gustaria que tambien se ...
0
votos
1
respuesta
41
vistas
la clase no se posicionan en el css grid
body{
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.hero{
display: grid;
grid-...
2
votos
1
respuesta
182
vistas
grid en orden CSS
Tengo una pagina donde muestro mis pedidos mediante grid css al estilo de pinterest (mansory) sin embargo no logro hacer que el orden en el que me lo muestra sea el correcto, estan ordenados por ...
1
voto
2
respuestas
619
vistas
Establecer diferente alto a cards grid dependiendo de su contenido
Buen día comunidad,
Tengo la siguiente imagen
Y mi html estoy usando grid
.cards-container {
width: 100%;
max-width: 800px;
margin: 1 auto;
display: grid;
gap: 0 35px;
grid-template-...
0
votos
1
respuesta
46
vistas
Largo de imagen CSS
Hola tenia una duda bastante breve que e estado bastante rato intentando solucionar y no se si alguien podría ayudar, resulta de que necesito poner una imagen como banner para un video de YouTube pero ...
0
votos
1
respuesta
516
vistas
¿Cómo eliminar las líneas verticales de la cuadrícula?
Quería saber si existe algún comando de pyplot que me permita sustituir grid() por una cuadrícula de líneas horizontales
1
voto
1
respuesta
2k
vistas
CSS Grid. Centrar items
Pienso que debe ser algo básico, pero no encuentro la forma de centrar mis items dentro de un contenedor display:grid. En este link pueden encontrar el ejemplo corriendo: https://lab.ruzestudio.com/...
0
votos
1
respuesta
41
vistas
Dudas sobre CSS grid-column values
Estoy experimentando un poco de Grid y quería saber como hacer para que, agregando o quitando columnas, grid-column siempre se mantenga de comienzo a fin.
Los valores pueden ser (por ejemplo) grid-...