column 설정시 양쪽 위치(즉, 상하)를 변경하고 싶을때
flex-direction 의 column, column-reverse를 사용한다.
@media (max-width: 768px) {
.flexgap {
flex-direction: column;
}
/* .flexgap:nth-child(1) {
flex-direction: column;
}
.flexgap:nth-child(2) {
flex-direction: column-reverse;
} */
}
'NEW(스크립트용)' 카테고리의 다른 글
position:sticky (0) | 2022.06.30 |
---|---|
video full screen 반응형 (0) | 2022.06.29 |
input checkbox react에서 ui변경(html과 다름) (0) | 2022.06.15 |
html에서 자주 쓰이는 특수문자, 특수기호, 이모지 (0) | 2022.05.24 |
react input type files 의 이미지 mapping 및 삭제 (dataTransfer.items.add, Array.slice(index,1) 사용) (0) | 2022.03.25 |