Adding extra items in the <div class="col"> within a grid-equalHeight does not seem to work. The content will become 100VH somehow.
This is working:
<section>
<div class="grid-equalHeight">
<div class="col">Adipiscing Sem Ultricies Nibh Sit</div>
<div class="col">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</div>
<div class="col">Adipiscing Sem Ultricies Nibh Sit</div>
<div class="col">Adipiscing Sem Ultricies Nibh Sit</div>
</div>
</section>
This is NOT working:
<section>
<div class="grid-equalHeight">
<div class="col">
<div class="content">Adipiscing</div>
</div>
<div class="col">
<div class="content">Adipiscing</div>
</div>
<div class="col">
<div class="content">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</div>
</div>
<div class="col">
<div class="content">Adipiscing</div>
</div>
</div>
</section>
Adding extra items in the
<div class="col">within agrid-equalHeightdoes not seem to work. The content will become 100VH somehow.This is working:
This is NOT working: