title: Flexbox move div to the right without affect other divs
body: <p>I'm trying to achieve a similar alignment to this with flexbox.<a href="https://i.stack.imgur.com/bWnS4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bWnS4.png" alt="enter image description here" /></a></p>
  <p><strong>Note</strong>: The two middle divs are supposed to be centered and the sizes are mostly irrelevant.</p>
  <p>I tried setting the flex container with <code>justify-content: center</code> and the last child div with <code>margin-left: auto</code> but it just moves the other 2 divs far to the left.</p>
  <p>Any way to achieve this layout?</p>