Flexbox and Media queries

Hi,

I'm not sure the way I managed the margin and padding changes when on mobile.I used rem units everywhere but since only the paddings/margins change, at a different ratio between them, and not the font-size of the other elements, I could not make it the way I know and could not figured out how to do it.

If you have an idea on how to handle it, please share.

Thanks