Menu icon Foundation
Shrink not working when i use Block Grids

I have this:

<div class="row expanded small-up-1 medium-up-1 large-up-2">

    <div class="columns">

    </div>

    <div class="shrink columns">

          <a class="button small text-small" href="#">Acciones <i class="fa fa-caret-down" aria-hidden="true"></i></a>

 

    </div>

</div>

When I use block grids small-up-1 medium-up-1 large-up-2, shrink in div does not work.

shrink

I have this:

<div class="row expanded small-up-1 medium-up-1 large-up-2">

    <div class="columns">

    </div>

    <div class="shrink columns">

          <a class="button small text-small" href="#">Acciones <i class="fa fa-caret-down" aria-hidden="true"></i></a>

 

    </div>

</div>

When I use block grids small-up-1 medium-up-1 large-up-2, shrink in div does not work.

Rafi Benkual about 1 year ago

This makes sense since the block grid is for even sized columns. So you might use the regular grid for sizing.