title: Flexbox - how to create this layout
body: <p>Am trying to create the below layout in Flexbox, but am struggling.</p>
  
  <p><img src="https://i.stack.imgur.com/WD6Xd.png" alt="flexbox"></p>
  
  <p>The green area takes up 20% of the page (horizontally), and the right two areas take up the remaining 80%. I'm thinking that it's best to have these as three separate containers in flexbox, as there will be lots of content that will need spacing inside each container.</p>
  
  <p>Could anybody show me how this is made in flexbot? I just need the css for each container. </p>