Ejemplo de flexbox

Ejemplo

1
2
3
4
5
6
7

Código:
div.elemento{ width:21%; line-height:2rem; }
div:nth-child(1){ background-color: cyan; line-height:4rem; }
div:nth-child(2){ background-color: turquoise; }
div:nth-child(3){ background-color: aquamarine; font-size:1rem; line-height:1.2rem; }
div:nth-child(4){ background-color: skyblue; }
div:nth-child(5){ background-color: cornflowerblue; }
div:nth-child(6){ background-color: blue; line-height:5rem; font-size:3rem; }
div:nth-child(7){ background-color: navy; line-height:3rem; }
div.Ejemplo{ margin: 70px; text-align: center; width: 1000px; height: 200px; color: greenyellow; background-color: white; display:flex; flex-flow:row wrap; align-items:baseline; }

Pinchar aquí para volver atrás