64 - Flexbox - (flex-wrap aplicada al contenedor)
Problema:
Crear una caja flexible con 7 items. Inicializar la propiedad "flex-wrap" con el valor "wrap".
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 class="item">Caja 1</div> <div class="item">Caja 2</div> <div class="item">Caja 3</div> <div class="item">Caja 4</div> <div class="item">Caja 5</div> <div class="item">Caja 6</div> <div class="item">Caja 7</div> </div> </body> </html>
#contenedor1{ display: flex; flex-wrap: wrap; background-color: #000; height: 300px; color:white; font-size:2rem; } .item { background-color: #0078A6; width:150px; height:150px; }
No tiene disponible el navegador la capacidad de iframe
Retornar