61 - Flexbox - (flex-direction aplicada al contenedor)
Problema:
Crear un Flexbox con tres items, definir la propiedad flex-direction con el valor column.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE html> <html> <head> <title>Problema</title> <meta charset="UTF-8"> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> <div id="contenedor1"> <div id="item1">Caja 1</div> <div id="item2">Caja 2</div> <div id="item3">Caja 3</div> </div> </body> </html>
#contenedor1{ display: flex; flex-direction: column; background-color: #000; height: 300px; color:white; font-size:2rem; } #item1 { background-color: #0078A6; } #item2 { background-color: #0084B6; } #item3 { background-color: #008CC1; }
No tiene disponible el navegador la capacidad de iframe
Retornar