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].
99
preguntas
2
votos
2
respuestas
17
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
26
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
49
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
34
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
35
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
19
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
13
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
23
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-...
0
votos
0
respuestas
13
vistas
Como puedo poner los posts destacados (más vistos) en un grid en wordpress
Tengo estas dos funciones en functions.php para el numero de visualizaciones de los posts, y me gustaria que estos posts se visualizaran en un grid de dos columnas y dos filas. Pero no se como ...
0
votos
0
respuestas
19
vistas
Como hacer esto con Grid
no utilizo mucho display-grid.
-La pregunta es como hago para que cada fila tenga su propio Height. Como pueden ver en la imagen (Imagen del grid), OpcionUn y OpcionDos tienen Height diferentes, y ...
2
votos
0
respuestas
92
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
47
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
36
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
39
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
0
respuestas
16
vistas
Problema con Grid de material ui con flexbox
Tengo el siguiente codigo donde estoy usando grid de material ui y al aplicarle flexbox no hace nada. Si le saco las diferentes resoluciones si aplica flexbox, pero si no toma los breakpoints.Como ...
0
votos
1
respuesta
29
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
35
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
25
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
167
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
77
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
104
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
333
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 ...
0
votos
0
respuestas
209
vistas
Ordenar una lista en react con 2 columnas(items)
[link de la imagen][1]
Estoy intentado mover los datos para que pueden listarse desde la mitad y siento que no es una buena forma ya que utiliza demasiado codigo y quisiera que me quede como en la ...
1
voto
0
respuestas
14
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
0
respuestas
43
vistas
Div toma ancho en función del contenido y no al especificado
Estoy empezando con css y tengo una duda. No entiendo por que el section .aside2 toma el ancho en función del texto que le meta dentro y no del especificado en el grid del body. Lo que quiero hacer es ...
0
votos
1
respuesta
23
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 ...
0
votos
0
respuestas
68
vistas
Alinear que un campo ocupe todo el espacio disponible con grid
Tengo un formulario que el cual coloque a 2 columnas con grid, como muestro a continuación:
const Formulario = styled.form `
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
@...
1
voto
0
respuestas
34
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
75
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
279
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
79
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
31
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
38
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
55
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
87
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
216
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
648
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
84
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
313
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
168
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
51
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
91
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
627
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
476
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
164
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
11
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
35
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
125
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
421
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
39
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 ...