title: How do I set the height of a div to be the same as another div (which has a variable height) with Tailwind in a Nuxt application?
body: <p>I have a grid with 3 columns. I want <code>item B</code> to be the same height as <code>item A</code> but <code>Item A</code> hasn't got a fixed height (depending on the content). I am using TailwindCSS in a Nuxt app. The <code>margin mb-4</code> doesn't seem to be applied for <code>Item B</code>. How do I do that ??</p>
  <p><a href="https://i.stack.imgur.com/o4CCY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o4CCY.png" alt="enter image description here" /></a></p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;grid grid-cols-3&quot;/&gt;
    &lt;div class=&quot;mb-4&quot;&gt;Item A&lt;/div&gt;
    &lt;div class=&quot;mb-4&quot;&gt;Item A&lt;/div&gt;
    &lt;div class=&quot;mb-4 h-full&quot;&gt;Item B&lt;/div&gt;     
  &lt;/div&gt;
  </code></pre>