Tenho 4 elementos 1 pai e os outros 3 filhos.
<div id="elemento_pai">
<div><p>Order1</p></div>
<div><p>Order2</p></div>
<div><p>Order3</p></div>
</div>
#elemento_pai {
display: flex;
flex-direction: column;
}
#elemento_pai > div {
width: 500px;
background-color: #fff;
}
#elemento_pai > div:nth-child(1) {
order: 2;
}
Alguem poderia me explicar porque o order não está funcionando?
Ou o elemento fica em primeiro ou em ultimo, porém eu queria coloca-lo em segundo