How to make adaptability for smartphones with changing the order and arrangement of elements?

Question

Adaptive design

I'm working on my personal project to build a website from scratch. And in the end, I ran into the question of the adaptability of the site for various devices. In the process of solving the issue, I managed to achieve the adaptability of the site, but there is a need for a certain design. Where, when using smartphones, blocks with elements will be rebuilt into a column and, moreover, in a different order. First logo, then block1 and then block2:



I'm wondering how to make adaptability for smartphones with changing the order and arrangement of elements?

Answer 1

learn flex right away, much easier than all this with float / position: absolute etc.