CSS как расположить нижний блок сверху, и верхний снизу?

Question

[generate]

Начал оттачивать навык верстки, и заметил что во многих шаблонах на широком экране сначало картинка справа, на мобильных эта же картинка находиться сверху. Подскажите как можно ее передвинуть наверх. Пробовал position absolute, margin но что то не то криво смотряться. Подскажите как можно так сделать ?
Гляньте пожалуйста как вы бы это сделали : https://codepen.io/vsjerkil/pen/mdrOjmJ

Answer 1

[Владислав Черненко]

.roditel {
    display:flex;
}
.child-1 {
    order:2;
}
.child-2 {
    order:1;
}

Comments

[generate]

Отлично спасибо не знал про ордер

Answer 2

[moloko13]

https://codepen.io/artem-averin/pen/XWjNBqy