title: make divs as big as biggest div
body: <p>I want to create a plans/pricing page with 3 containers. Each container holds some information, a basic example would be the Github pricing page</p>
  
  <p><a href="https://i.stack.imgur.com/8tIug.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8tIug.png" alt="enter image description here"></a></p>
  
  <p>Currently my containers look like</p>
  
  <p><a href="https://i.stack.imgur.com/0xb0N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0xb0N.png" alt="enter image description here"></a></p>
  
  <p>and when I try to give them the same height they look like </p>
  
  <p><a href="https://i.stack.imgur.com/n8NbV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n8NbV.png" alt="enter image description here"></a></p>
  
  <p>As you can see they get too big now.</p>
  
  <p>I created a working fiddle with CodeSandbox because I use VueJs</p>
  
  <p><a href="https://codesandbox.io/s/2x50024vl0" rel="nofollow noreferrer">https://codesandbox.io/s/2x50024vl0</a></p>
  
  <p>How can I make them as big as the biggest container?</p>