Preguntas con la etiqueta [flexbox]
Flexbox, o módulo de cajas flexibles es un módulo de maquetación utilizado para alinear elementos en un documento sin necesidad de utilizar tablas o floats
160
preguntas
-1
votos
0
respuestas
29
vistas
¿Cómo pongo en flex-box que las cajas salten de línea cuando hay 3?
Las Flex-boxes que he puesto saltan de línea cuando hay 7 cajas y no se dividen en filas de 3 como me gustaría.
He probado cambiando el display, el Flex y un grid pero no funciona, también he ojeado ...
2
votos
1
respuesta
41
vistas
Flex-Box: ¿Cómo puedo lograr que todos los items tengan el mismo "Width" incluso estén en varias filas?
Quiero lograr que 3 items tengan el mismo tamaño, al inicio pueden ver que los items ocupan el mismo tamaño, pero cuando la pantalla mida 768px quiero que cada item mida el 50% de su padre, a la vez ...
2
votos
1
respuesta
39
vistas
No puedo alinear divs con flexbox horizontalmente,
<style>
.container {
width: 100%;
display: flex;
justify-content: space-between;
}
.container .court {
...
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 ...
0
votos
1
respuesta
53
vistas
Cuando pongo una imagen de fondo estatica solo se ve estatica cuando hago scroll desde mi ordenador
Intento poner una imagen de fondo en mi proyecto web y cuando haga scrollla imagen quede fija mientras el contenido se mueve. Cuando abro la web desde el ordenador funciona bien pero al subirla a ...
0
votos
1
respuesta
23
vistas
Dividir timeline en solo dos cards
He tomado como ejemplo de codigo abierto, una timeline realizada con flexbox que he encontrado en internet, queria modificarla de tal modo que solo quedaran dos cards, sin embargo a la hora de ir ...
0
votos
1
respuesta
98
vistas
Ajustar texto flex
estoy haciendo un diseño donde pongo un texto y una imagen con una información arriba de ella, pero me encuentro con el problema de que mi texto no se pone por debajo de la imagen cuando "puede&...
0
votos
1
respuesta
51
vistas
menu nav con flexbox
estoy iniciandome a usar flexbox, pero no hay manera de que consiga ajustar bien y nivelar los enlaces del menu de navegación, quedandose apegotonados los li, aún intentandole darles un justify ...
0
votos
1
respuesta
106
vistas
¿Cómo alinear elementos dentro de una lista a la derecha del contenedor?
Hola soy nuevo en la programación web, actualmente estoy practicando para mejorar. Me encuentro creando un diseño similar a este:
El problema radica en que no tengo idea de cómo puedo lograr colocar ...
0
votos
0
respuestas
61
vistas
Error al instalar Angular Flex
estoy teniendo un problema al instalar angular Flex en mi proyecto, ya que cuando lanzo npm i -s @angular/flex-layout @angular/cdk tengo el siguiente error.
Ya probe con --force, se instala, pero ...
1
voto
0
respuestas
57
vistas
Combinar filas en flexbox
Buen día, estoy intentando hacer esta imagen de Piet Mondrian usando HTML y CSS para practicar lo que aprendí de Flexbox.
Ya tengo una buena parte del problema resuelto, pero lo que me está ...
0
votos
0
respuestas
25
vistas
¿Cómo usar justify-content: space-evenly en MaterializeCSS sin perder el diseño y estructura responsive?
Tengo la siguiente estructura usando MaterializeCSS
<div class=" row contenedorBorde z-depth-2">
<div class="encabezado">Encabezado</div>
<div class=&...
0
votos
1
respuesta
52
vistas
Problema con Flexbox para hacer una tarjeta
estoy teniendo problemas para poder hacer responsive una tarjeta de un producto con su descripción. La idea es que se adapte a móviles, tablets y computadoras y no se vea igual en los tres breakpoints....
1
voto
2
respuestas
463
vistas
Cómo separar uniformemente los Divs con Flexbox
Estoy haciendo un ejercicio en el que se me pide que utilice Flexbox en el contenedor para separar uniformemente los div de la tarjeta de información.
He probado con varias opciones, entre ellas ...
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
2
respuestas
171
vistas
¿Cómo justificar el contenido de un div al centro pero que su contenido esté a la izquierda?
Buen día comunidad,
tengo un div como contenedor flex, dentro de este div tengo Cards, el asunto es que quiero que el div esté centrado mientras su contenido se mantiene a la izquierda, de momento ...
1
voto
1
respuesta
72
vistas
Como hago para que el color blanco que sobresale de la imagen sea el mismo color que el background del body?
quería saber si me pueden ayudar con lo siguiente. En el body puse un gradiante, pero cuando coloco las imagenes, lo que sobresale de ellas, queda en blanco, y no se ve afectado por el color que ...
0
votos
1
respuesta
21
vistas
Como hacer un flexbox strech y center al mismo tiempo
actualmente tengo un flexbox que contiene estas tarjetitas por asi decir y quiero que ademas de tener la propiedad strech para que pueden haber mas de una por linea tambien quiero que se queden ...
1
voto
2
respuestas
68
vistas
Los inputs dentro de un form (Flex item) se desbordan al ponerle un width 100%
En un práctica de principiantes de DISPLAY FLEX sobre un formulario responsive con foto al lado tengo este código:
.container {
display: flex;
align-items: center;
flex-wrap: wrap;
...
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
30
vistas
Crear estructura con flexbox
El <body> contiene una columna de tres cuadros o filas(<header>, <main>
y <footer>).
<main> contiene una fila de 2 cuadros o columnas(<article> y <aside>), ...
0
votos
1
respuesta
34
vistas
porque display flex me arruina mi posicionamiento en el @media?
Mi pagina web tiene un conjunto de cartas que en computadora quiero que se vean 2 row de 3 cartas y una row mas de 1 carta , pero para celulares quiero que se vea como 3 columns una arriba de la otra, ...
0
votos
0
respuestas
233
vistas
mi imagen y texto no se ajustan con flexbox
estoy intentando hacer una media query y estoy usando flexbox para que la imagen y el texto cambien de tamaño cuando se ajusten a cierto parametro pero no se como hacerlo
la seccion consta de una un ...
0
votos
1
respuesta
88
vistas
Menú deslizable con boton (overflow)
Saludos estoy creando un menú, pero es muy largo, para solucionar esto estoy utilizando la propiedad css overflow:scroll.
Ahora quisiera hacer un botón que al darle click se desplace a la derecha para ...
0
votos
1
respuesta
178
vistas
Quiero que el contenido flexible se envuelva y no se encoja
Tengo días con un problema con flexbox y es que tengo un contenedor que tiene varios div anidados con imagenes y uso las propiedad display flex y flexwrap para que se envuelva y las imagenes se ...
0
votos
1
respuesta
93
vistas
Como hago para que el titulo no se ponga flex en linea con los demas
Quiero hacer que el titulo que pone "locations" Se ponga encima de las 3 cajas aun siendo todo display flex como lo hago?
Tambien me sucede que no se si no entendi bien el wrap pero cuando ...
0
votos
1
respuesta
218
vistas
No me cuadran los espacios entre columnas flexbox
Tengo que hacer un main con 1000px de largo y 5 imagenes pero cada imagen ha de tener 300px de largo como maximo, pues hacen 900px, pero no se por qué la 3 imagen se me baja, y tambien no se por que ...
2
votos
1
respuesta
282
vistas
Como puedo hacer que el navbar en fixed ocupe un espacio antes de ponerse encima
Quiero que parte de la imagen o contenido no se ponga debajo en el mismo nivel, sino que empiece un poco por debajo del navbar a ver si con la imagen puedo expresarme mejor. Lo quie quiero es que el ...
0
votos
0
respuestas
209
vistas
Como hago para que no se me desborde el contenedor hijo de el padre
Hola estoy usando una combinación entre grid y flexbox, me he creado una grilla en el home para que adentro de cada grilla crear cards con flexbox, ya emprece creando la primera card pero observen el ...
0
votos
1
respuesta
736
vistas
Alinear a la derecha e izquierda dentro de un flex
Lo que intento hacer es algo sencillo, lo hice muchas veces pero les juro que llevo trabado mas de una hora.
Tengo un carrousel y lo que quiero es alinear los iconos left rigth en sus respectivos ...
0
votos
1
respuesta
445
vistas
Evitar que mi texto desborde el contenedor flex
Por algun motivo mi texto sigue desbordandose de mi DIV, no se si sea porque es un contenedor Flex pero no encuentro como hacer que se adapte, le intente de todas las formas y no logro hacerlo.
<a ...
1
voto
1
respuesta
129
vistas
lograr que un div interno sea siempre 10px mas pequeño que su contenedor
Bien, tengo un div con un alto establecido (300px) y un width flexible... Ahora, dentro de este, existe otro div, llamado caja este div lo uso para crear como un borde, pero dentro de la caja...
Algo ...
0
votos
0
respuestas
92
vistas
Mover columna hacia abajo con flexbox
Tengo una caja con dos div.
<section class="general-info">
<div class="image"></div>
<div class="image"></div>
</section&...
0
votos
1
respuesta
488
vistas
Adaptar height de dos elementos hijos de un flexbox a igual
El problema es que tengo es que es estoy intentando hacer mi página responsive y quiero que dos elementos hijos de mi flexbox principal tengan la misma altura aunque su contenido no la ocupe ...
0
votos
1
respuesta
69
vistas
Cómo ajustar márgenes de un elemento con float
Estoy intentando alinear una serie de elementos en una página y estoy teniendo complicaciones.
De momento quiero dividir la web en estos dos trozos, (80%,20%) cosa que he conseguido con éxito.
El caso ...
1
voto
2
respuestas
1k
vistas
¿Como sobreponer un div de una imagen?
Estoy tratando de sobreponer un div que tiene un parafo y un boton sobre una imagen, pero lo que obtengo es que el div se queda debajo de la imagen o se sale.
¿Cómo puedo hacer para que el div con ...
1
voto
1
respuesta
77
vistas
Flexbox, posiciones
Tengo el siguiente código para un menú de navegación, pero debo agregar propiedades que se aplican directamente a los elementos hijos como que las palabras "Inicio"... "Cursos"... &...
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
2
respuestas
197
vistas
Posicionamiento de cards 3x3 en contendedor flexbox
Hola estoy haciendo un buscador de articulos el cual al buscar los articulos los muestra de esta forma en un contenedor flexbox con justify-content: space-around:
Mi pregunta es, ¿Como puedo hacer ...
0
votos
0
respuestas
275
vistas
no me funciona flex-direction
estoy haciendo una de las prácticas de freecodecamp y he hecho un sidebar y el contenido main con flexbox con direción row.
Ahora me gustaría que ese sidebar cuando se ve en el móvil se viese desde ...
0
votos
1
respuesta
25
vistas
Página de recetas, quiero que las 3 cajas queden alineadas y del mismo tamaño pero la de la izquierda queda ligeramente más grande que las demás
Como dice la pregunta, es una página de receta donde se muestran solo 3 cajas de contenido con texto e imagen, quiero que las 3 cajas queden en forma lineal y del mismo tamaño para que sea simétrico ...
0
votos
2
respuestas
2k
vistas
Colocar un div dentro de otro hacia la derecha
Lo que busco
Hola a todos, estoy comenzando con el desarrollo web y comencé a utilizar el display flex. Sin embargo, a pesar de los diferentes intentos que realicé, no consigo el poder separar el ...
1
voto
1
respuesta
45
vistas
Adaptar elementos a la pagina usando FlexBox
Quiero adaptar los contenedores de la página a medida que se hace la ventana más pequeña. No sé por qué los elementos no se adaptan.
body {
display: flex;
flex-flow: row nowrap;
justify-...
1
voto
1
respuesta
2k
vistas
Alinear item particular a la derecha usando flexbox
estoy tratando de colocar un item en particular (el bote de basura con fondo rojo) dentro un div a la derecha usando flexbox, a pesar de haber utilizado muchas fórmulas que he encontrado en la red ...
0
votos
2
respuestas
73
vistas
3imagenes dentro de un div
Estoy intentado alinear 3 imagenes una al lado de otra pero no soy capaz
mi codigo
HTMl
<div class="programacionImg">
<img src="/static/medicos/images/...
1
voto
3
respuestas
155
vistas
FLEXBOX - no consigo posicionar elementos en un Header
Soy nueva en Flexbox. Necesito hacer un Header con Flexbox y me he quedado un poco atascada con ello. He intentado varias formas pero no consigo averigüar el cómo hacerlo.
Lo que quiero hacer es un ...
0
votos
1
respuesta
353
vistas
¿Como puedo posicionar unos divs a la izquierda y otro a la derecha con FlexBox? [cerrada]
me gustaria saber como podria posicionar divs con flexbox de manera que (por ejemplo) a la izquierda esté tanto el logo como los links de una barra de navegación y a la izquierda un texto "Menu&...
0
votos
1
respuesta
113
vistas
Como hacer que un li tenga su propio ancho + un ancho fijado (ej. 10px;)
Hola a todos!
Quiero hacer que un elemento <li> tenga su propio ancho (el que debería de ocupar) + un ancho que le ponga yo. Ejemplo: 10px.
He buscado por internet, pero no he encontrado nada.
...
1
voto
0
respuestas
200
vistas
Ubicar uno al lado del otro elementos de LI con imagenes
Buenas tardes. Estoy empezando a aprender css pero me trabé con una duda que no logro resolver por mi cuenta..
Necesito poner en linea una al lado de otra elementos de una LIST que contienen imágenes (...
4
votos
1
respuesta
461
vistas
Elementos se caen hacia abajo de un navbar
Tengo un navbar en mi sitio. Pero el problema es que los elementos del navbar se caen hacia abajo. Osea, el icono se queda arriba y el texto abajo.
He preguntado hace unas horas aquí en StackOverFlow ...