title: Make CSS Max Width the width of an individual element?
body: <p>I am trying to make a whole div's max width property the width of one element inside of it, how would I be able to do this? Or would I not be able to do this at all.</p>
  <p>This is an example use case:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;max-w-[610px]&quot;&gt;
      &lt;div class=&quot;mt-12 mb-12&quot;&gt;
          &lt;p class=&quot;mb-8&quot;&gt;With RepoZoid, storing your own code is as easy as pie. Just add a new entry, paste your
              code in - and you're off to the races.&lt;/p&gt;
          &lt;p&gt;It's as simple as 1, 2, 3 - with sharing options and more coming in the future!&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;flex flex-row mb-3&quot;&gt;
          &lt;div class=&quot;grow&quot;&gt;
              &lt;input class=&quot;w-full text-[#9c9ea5] py-3 px-4 rounded-md&quot; placeholder=&quot;Enter your email&quot; type=&quot;email&quot;
                  name=&quot;emailinput&quot;&gt;
          &lt;/div&gt;
  
          &lt;div class=&quot;pl-2&quot;&gt;
              &lt;button class=&quot;px-4 h-full rounded-md bg-[#6E6BFF] text-white&quot;&gt;Sign Up to the Beta&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>