Repository navigation
-equalHeight does not work properly #85
Description
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>
Activity
devlint commentedon Sep 20, 2018
Hello @thomasoldenburger
Can you make a codepen/jsfiddle-like example?
Thanx
thomasoldenburger commentedon Sep 20, 2018
Hello @devlint
Very interesting. I did make a codepen and everything seems to work well in the codepen. When I want use it in my projects is doesn't seem to work. I tried the most basic setup and it is still not working. Am I doing something wrong here?
Basic project
index.html.zip
Codepen
https://codepen.io/anon/pen/bxzgGM