What do you want to save?
Add Code snippet
New code examples
-
Html 2021-10-22 07:13:08
how to create seprate flex box for adding items into the box
.container { display: flex; flex-wrap: wrap; justify-content: space-between; } .item { width: 32%; padding-bottom: 32%; /* Same as width, sets height */ margin-bottom: 2%; /* (100-32*3)/2 */ position: relative; } Add solution -
CSS 2021-10-20 14:15:09
flexbox defense level 12 solution
.tower-group-1 { display: flex; justify-content: space-between; align-items: center; } .tower-1-1 { align-self: flex-start; order: 1; } .tower-1-2 { order: 2; } .tower-1-3 { order: 4; } .tower-1-4 { order: 3; } .tower-1-5 { align-self: flex-end; orde... Add solution -
Other 2021-10-20 08:13:14
align items left after flex-direction row reverse
#main { width: 400px; height: 400px; border: 1px solid #c3c3c3; display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; <------need this } #main div { width: 50px; height: 50px; } Add solution