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
162
preguntas
0
votos
1
respuesta
19
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
34
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
26
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
24
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
23
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
22
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
16
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
39
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
1
respuesta
73
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
50
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
52
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
49
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
18
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
32
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
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
12
vistas
FlexBox no parece funcionar con el componente Image de Next.js
Tengo el siguiente componente llamado Guitarra (imagen y su contenido)
import Image from 'next/image';
import Link from 'next/link';
import styles from '../styles/Guitarra.module.css'
const Guitarra =...
0
votos
0
respuestas
26
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
31
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
118
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 ...
1
voto
0
respuestas
34
vistas
Problema con los flex items
Hay una sección de la pagina que tiene un scroll en el eje x para ver los productos o cartas pero se vuelven muy pequeños, esto solo pasa cuando el contenedor de las cartas es display: flex y se ...
0
votos
0
respuestas
103
vistas
Imagen con height: 100% que no se adapta al contenedor padre
Estoy desarrolando una aplicacion con el framework Ionic, mi problema surge al realizar la parte para Ios en safari, la estructura que tengo es la siguiente:
<ion-col style="...
0
votos
1
respuesta
66
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
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
99
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
67
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
109
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
137
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
123
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
459
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
252
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
74
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
48
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
200
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
43
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 ...
0
votos
0
respuestas
115
vistas
Tengo un problema al redimensionar el tamaño de un HighCharts de tipo Pie Chart dentro de un Dashboard
estoy trabando en Angular con Angular Material y estoy usando un chart circular de la librería HighCharts. Tengo un dashboard que cuando está en tamaño normal se ve grande el Chart circular:
Pero ...
1
voto
2
respuestas
183
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
65
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
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
2
respuestas
125
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
177
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
22
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
902
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
40
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
869
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
57
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
94
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
199
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
82
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
181
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 (...