Switching order of HTML elements when layout changes in Responsive Web Design

Question

I am building a responsive website, and for good user experience, I need some layout changes from mobile to desktop. Specifically, I need to switch the order of some HTML elemen

Answer 1

Try with: display: flex; flex-direction: column;

More info here: https://developer.mozilla.org/en-US/docs/Web/CSS/flex