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

Filtrar por
Ordenado por
Etiquetadas con
-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 ...
Diego's user avatar
  • 1
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 ...
Gian Franco Alexis Poma Vidal's user avatar
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 { ...
Damian Pereyra's user avatar
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
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 ...
Ismael Cruz's user avatar
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 ...
Puntoycoma's user avatar
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&...
Rafael Monroy Rodriguez's user avatar
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 ...
Puntoycoma's user avatar
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 ...
Mauricio_Moitiño's user avatar
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 ...
Gonzalo's user avatar
  • 495
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á ...
Lucio Mazzini's user avatar
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=&...
C0D3BREAK3R's user avatar
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....
Mar's user avatar
  • 23
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 ...
Sayane's user avatar
  • 27
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
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 ...
Alex Varela's user avatar
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 ...
Martin's user avatar
  • 11
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 ...
Mateo de Moya's user avatar
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; ...
MartinRR'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
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>), ...
María Lopez's user avatar
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, ...
Sol Gonzalez's user avatar
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 ...
Dimitri Drivakis's user avatar
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 ...
Jean Carlo Lo Iacono's user avatar
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 ...
Carlos Mata's user avatar
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 ...
FranyxD's user avatar
  • 661
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 ...
FranyxD's user avatar
  • 661
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 ...
FranyxD's user avatar
  • 661
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 ...
Hugo's user avatar
  • 187
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 ...
Aldahir Ruiz Valdez's user avatar
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 ...
Aldahir Ruiz Valdez's user avatar
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 ...
Aldahir Ruiz Valdez's user avatar
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&...
Aldahir Ruiz Valdez's user avatar
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 ...
Sanwych's user avatar
  • 163
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 ...
Sanwych's user avatar
  • 163
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 ...
Julio André's user avatar
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"... &...
707'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
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 ...
Daniel González's user avatar
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 ...
sanseviera's user avatar
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 ...
Wilmer Medina's user avatar
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 ...
Kevin Carrasco's user avatar
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-...
JoelT's user avatar
  • 41
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 ...
user avatar
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/...
sany's user avatar
  • 13
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 ...
Inca's user avatar
  • 295
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&...
Sidney Silva's user avatar
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. ...
pabdani's user avatar
  • 81
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 (...
Ramiro Lopez's user avatar
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 ...
pabdani's user avatar
  • 81