title: I want to make the height of this section increase with its content
body: <p>I tried this</p>
  <pre><code>&lt;section class=&quot;unique&quot;&gt;
      &lt;div class=&quot;this d-flex pt-5&quot;&gt;
          &lt;div class=&quot;leftside2 w-50 h-100&quot;&gt;
              &lt;img src=&quot;images/twowomen.jpg&quot; alt=&quot;twowomen&quot; class=&quot;img-fluid&quot;&gt;
          &lt;/div&gt;
          &lt;div class=&quot;rightside2 w-50 h-100&quot;&gt;
              &lt;h5 class=&quot;text-success pl-5&quot;&gt;WE HELP YOU&lt;/h5&gt;
              &lt;div class=&quot;fineText d-flex pl-5&quot;&gt;
                  &lt;h3&gt;Get A&lt;/h3&gt;
                  &lt;h3 class=&quot;consulting pl-2&quot;&gt;CONSULTING&lt;/h3&gt;
              &lt;/div&gt;
              &lt;form action=&quot;&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                      &lt;input type=&quot;text&quot; class=&quot;inputs font-weight-bold py-2 ml-5&quot; placeholder=&quot;Your Name&quot; id=&quot;fname&quot; required&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                      &lt;input type=&quot;text&quot; class=&quot;inputs font-weight-bold py-2 ml-5&quot; placeholder=&quot;Your Email Adress&quot; id=&quot;fname&quot; required&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                      &lt;input type=&quot;text&quot; class=&quot;inputs font-weight-bold py-2 ml-5&quot; placeholder=&quot;Phone Number&quot; id=&quot;fname&quot; required&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                      &lt;input type=&quot;text&quot; class=&quot;inputs font-weight-bold py-2 ml-5&quot; placeholder=&quot;I would like to discuss&quot; id=&quot;fname&quot; required&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                      &lt;button type=&quot;button&quot; class=&quot;btn btn-success ml-5&quot;&gt;SUBMIT&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;info bg-success w-25 text-white font-weight-bold p-4&quot;&gt;
          &lt;span&gt;ADDRESS&lt;/span&gt;
          &lt;p class=&quot;pb-3&quot;&gt;Mostafa Naguib &lt;br&gt; Street, 14 Box, Cairo, &lt;br&gt; Egypt&lt;/p&gt;
          &lt;span&gt;EMAIL&lt;/span&gt;
          &lt;p class=&quot;pb-3&quot;&gt;cairooffice@financer.com&lt;/p&gt;
          &lt;span&gt;PHONE NUMBER&lt;/span&gt;
          &lt;p class=&quot;pb-3&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;text-decoration-none&quot;&gt;002 0100 843 1112&lt;/a&gt;&lt;/p&gt;
          &lt;span&gt;WEBSITE&lt;/span&gt;
          &lt;p&gt;www.financer.org&lt;/p&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  <p>Then the style:</p>
  <pre><code>.form-group .inputs{
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  width: 70% !important;
  }
  .form-group .btn{
  padding: 15px !important;
  padding-left: 45px !important;
  padding-right: 45px !important;
  border-radius: 50px !important;
  }
  .fineText .consulting{
  font-size: 37px;
  font-family: &quot;Gabriola&quot;;
  color: #28a745;
  font-weight: bolder;
  }
  .rightside2{
  padding-left: 100px !important;
  }
  .info{
  position: absolute;
  top: 1630px;
  left: 400px;
  /* padding: 35px !important; */
  }
  
  .unique{
  height: 600px;
  }
  .this .rightside2 .leftside2{
  height: 100%;
  }
  </code></pre>
  <p>But after trying it only the section's height increases but the <code>leftside and </code>rightside`
  remains the same.</p>
  <p>See this image: <a href="https://i.stack.imgur.com/VjBOw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VjBOw.png" alt="enter image description here" /></a></p>
  <p>The space above and below the image is the height of the section and those <code>leftside</code> and <code>rightside</code> is supposed to fill the space.</p>
  <p>I've made research i didn't find any helpful suggestion.</p>
  <p>Please I need help. Thanks in advance</p>