Как один блок разместить выше другого на мобильной версии?

Question

[kaidos]

Мне нужно чтобы footer__menu переместился над footer__contacts, при определеном размере экрана(ширина - 730px)
Как лучше это реализовать?
Код:

Comments

[acamel98]

Попробуйте использовать свойство order

Answer 1

[apoca1ipsis]

@media(max-width: 730px) {
  .footer__container {
    display: flex;
    flex-direction: column;
  }
  .footer__menu {
    order: 1;
  }
  .footer__contacts {
    order: 2;
  }
  .footer__copyright {
    order: 3;
  }
}

https://codepen.io/apoca1ipsis/pen/bGaGdyr