Cita:
Iniciado por rodrypaladin Una gran cualidad de flexbox es que con el puedes hacer los sitios responsive. Añade también lo siguiente al código que ya te puse:
Código CSS:
Ver originalflex-direction: row;
flex-wrap: wrap;
O lo que es lo mismo pero más simplificado:
Con
flex-direction: row le diremos que coloque el contenido del contenedor padre en fila, en tu caso pondrá un div, luego el otro y luego el otro en la misma fila. Y con
flex-wrap: wrap le decimos que al no caber uno de los elementos ( tus divs ) lo ponga automáticamente abajo, de esta manera al verlod esde el móvil por ejemplo se verá un div de bajo de otro
Echa un ojo a todo lo que puedes lograr con [URL="https://css-tricks.com/snippets/css/a-guide-to-flexbox/"]flexbox[/URL]
tu código tendría que quedar de esta manera:
Código CSS:
Ver originalheader .container {
display: flex;
flex-flow: row wrap;
align-items: center;
}
Seguro que te servirá
Te quiero tío, no sabes cuanto, me funcionó perfectamente! Me has salvado el culo! Mil gracias de verdad.
Cita:
Iniciado por xfxstudios Checha esto: [url]http://codepen.io/xfxstudios/pen/rLeqoe[/url]
Te puede servir Saludos y es aplicando el line-height para establecer el ancho del div con el mismo interlineado del texto, ve la muestra. Saludos
Gracias por tu respuesta, cuando tenga tiempo lo revisaré, y también el flexbox que dice rodrypaladin.