Skip to content

-equalHeight does not work properly #85

Description

@thomasoldenburger

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions