要素の並び替え－CSS

.box {
width: 100%;
display: flex;
flex-direction: column;
}
.box > div1 {
width: 100%;
order: 1;
}

.box > di2 {
width: 100%;
order: 2;
}