title: Most efficient way to code a responsive 2 (50%) / 3 (33%) column CSS-grid layout?
body: <p>I'm currently trying to layout a fairly straightforward responsive image grid using CSS Grid (see image)</p>
  
  <p>A static image of the CSS grid layout I'm attempting to create:</p>
  
  <p><img src="https://i.stack.imgur.com/AwTTY.png" alt="A static image of the CSS grid layout I&#39;m attempting to create"></p>
  
  <p>The first row will show two images (both at 50% width), the second row will display three images (at aprox 33% each). </p>
  
  <p>I have no problems with this layout using Flexbox but a CSS Grid solution eludes me. For the record, I'm still getting to grips with CSS Grid so perhaps the problem lies with me? Is this layout possible? Any hints/tips would be much appreciated.</p>