70 - Flexbox - (flex aplicada a los items)
Problema:
Definir un Flexbox con tres items. Inicializar la propiedad flex de cada item.
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; background-color: #000; height: 300px; color:white; font-size:2rem; } #item1 { flex: 1 1 20%; background-color: #0078A6; } #item2 { flex: 0 0 60%; background-color: #0084B6; } #item3 { flex: 0 1 20%; background-color: #008CC1; }
No tiene disponible el navegador la capacidad de iframe
Retornar