codepen.io/maximvelin/pen/oLxMjq?editors=0110 это пример и не много туповатый , но принцип правильный что надо использовать @media screen окно в codepen сдвигайте и посмотрите как себя ведут блоки
flexbox и его наследники не могут принимать такие свойства как : absolute,relative,float - если пишите на flexbox то пишите только на этом и не мешайте с блочной вёрсткой
