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].

Filtrar por
Ordenado por
Etiquetadas con
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 ...
Daniel Uribe's user avatar
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 ...
luis_am92's user avatar
  • 160
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 ...
EFF's user avatar
  • 34
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-...
Max Jimenez's user avatar
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 ...
Julian's user avatar
  • 192
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 ...
EDG_DGK's user avatar
  • 113
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 ...
Krabel's user avatar
  • 1
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 ...
Victor Martorell Dos Santos's user avatar
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 ...
Martin Arana's user avatar
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 ...
Angel Sacbajá's user avatar
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-...
Tamy Barreira's user avatar
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, ...
Palo's user avatar
  • 65
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 { ...
Yamile's user avatar
  • 31
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 ...
TXTSpake's user avatar
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&...
Aldahir Ruiz Valdez's user avatar
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 ...
Rana Alvina's user avatar
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 ...
Neit's user avatar
  • 1
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 ...
FranyxD's user avatar
  • 661
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 ...
FranyxD's user avatar
  • 661
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 ...
danistor_m's user avatar
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. ...
pabdani's user avatar
  • 81
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 ...
Sam's user avatar
  • 53
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, ...
Agustín Martearena's user avatar
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 ...
Danielillo's user avatar
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; ...
Zero 0's user avatar
  • 11
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 ...
Victoria Rodriguez's user avatar
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 ...
Emma R.'s user avatar
  • 89
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 ...
Scanlux's user avatar
  • 11
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 ...
JoseFranc's user avatar
  • 305
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 ...
Laura Moya's user avatar
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://...
Batvizz 's user avatar
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:"...
Inkinvissible's user avatar
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.
Omar Alejandro Ceja Castilllo's user avatar
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 ...
Adriel_Bustos's user avatar
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: ....
Husdady's user avatar
  • 11
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/...
Manuel Garza Guevara's user avatar
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 ...
Dommius Shell's user avatar
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 ...
nadie's user avatar
  • 349
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: ...
darky98's user avatar
  • 61
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 ...
Silvia's user avatar
  • 1
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=&...
Augusto Acha's user avatar
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 ...
Edgar Gc's user avatar
  • 957
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 ...
PacMan Programador's user avatar
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-...
Arturo Becerra's user avatar
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 ...
IntruzO's user avatar
  • 428
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-...
Manueel Perezz's user avatar
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 ...
BryanJoséM79's user avatar
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
Chanalber's user avatar
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/...
Jorge Penela's user avatar
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-...
Nicolas Oten's user avatar