title: Tailwind (CSS Grid) Same sizes for every Grid Element
body: <p>I want to write a Formular with some input fields. I use Tailwind 2 and the new Grid System.</p>
  <p>I want to have a 3 Column Formular (grid-cols-3)
  On the second row I have a col-span-2 to have a row over 2 Colums because I want place a bigger textarea there.
  The labels an input sizes a dfined with w-1/2  every time. When I have a colspan 2 I thought I have simple to change the width from the label to w-1/4 and the textbox to w-3/4 so the label must have the same size than all other only the input must have a bigger size.
  What am I doing wrong? The label from the w-1/4 is 2 pixel bigger than the other one.</p>
  <p>Here I have a link to the code example. <a href="https://play.tailwindcss.com/IqYsmfxpwJ" rel="nofollow noreferrer">https://play.tailwindcss.com/IqYsmfxpwJ</a></p>
  <pre><code>      &lt;div class=&quot;&quot;&gt;
          &lt;h1&gt;InfoBox&lt;/h1&gt;
          &lt;div class=&quot;grid grid-cols-3 gap-2&quot;&gt;
            &lt;div class=&quot;&quot;&gt;
              &lt;lable class=&quot;inline-block w-1/2&quot;&gt;One&lt;/lable&gt;&lt;input class=&quot;w-1/2 border&quot;&gt;
            &lt;/div&gt;
            &lt;div class=&quot;&quot;&gt;
              &lt;lable class=&quot;inline-block w-1/2&quot;&gt;Two&lt;/lable&gt;&lt;input class=&quot;w-1/2 border&quot;&gt;
            &lt;/div&gt;
            &lt;div class=&quot;&quot;&gt;
              &lt;lable class=&quot;inline-block w-1/2&quot;&gt;Tree&lt;/lable&gt;&lt;input class=&quot;w-1/2 border&quot;&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-span-2&quot;&gt;
              &lt;lable class=&quot;inline-block w-1/4&quot;&gt;Four&lt;/lable&gt;&lt;input class=&quot;w-3/4 border&quot;&gt;
            &lt;/div&gt;
            &lt;div class=&quot;&quot;&gt;
              &lt;lable class=&quot;inline-block w-1/2&quot;&gt;Five&lt;/lable&gt;&lt;input class=&quot;w-1/2 border&quot;&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  `
  
  </code></pre>