1
2
3
4
5
CSS
.flexbox { display: flex; flex-direction: row-reverse; /*kokeile row, row-reverse, column ja column-reverse */ flex-wrap: nowrap; /* kokeile wrap jolloin rivitetään eikä muuteta kokoja */ } .lohko { border: 1px solid black; width: 15em; /* flex pienentää kokoa automaattisesti jos on tarve */ /* min-width: 15em; */ /* jos min-width on määrätty, ei pienennetä alle sen vaan ylimääräinen valuu ulos alueesta */ } .lohko3 { order: 2; /* vaihtaa tämän paikan ensimmäiseksi */ }
HTML
1
2
3
4
5
Javascript
Konsoli