duda con Flexbox

[ArturoGallegos]

Y el div izquierdo debería desaparecer cuando se redimensione la pantalla pero con eso no hay problema.

No veo las medias query, sin ellas no podemos saber en que te equivocaste.

Para la estructura que muestras lo puedes simplificar con
HTML

Código HTML:

<header>
  <a href="#">Logo</a>
  <nav>Menu</nav>
  <form action="#">Buscador</form>
</header>
 

SCSS

Código CSS:

header{
  display:flex;
  width:100%;
  padding:0 7%;
  box-sizing:border-box;
  a{
    background:#f02;
    width:150px;
  }
  nav{
    background:#03f;
    width:100%;
  }
  form{
    background:#7ff;
    width:100px;
  }
}