flex-(wrap-reverse)

flex 기능을 사용하다보면 위아래 뒤집고 싶어지는경우가 생길수있다.

그럴땐

.group {display: flex; justify-content: center; margin:0 auto; width:500px; border:1px solid red; flex-wrap: wrap-reverse;}
.group a {padding:1rem; height:50px; border:1px solid #000; border-radius: 30px;}

flex-wrap: wrap-reverse; 기능을 사용하면,

손쉽게 위아래를 뒤집을 수 있다.