Menu icon Foundation
show-for-* does not work with nested grid-block

This sample breaks the view grid.

Could you check this out ?

<div class="show-for-large  grid-block">
        <div class="grid-block">
            asdasds
        </div>
        <div class="grid-block">
            asdasds
        </div>
</div>
            

         

show-for-grid-block

This sample breaks the view grid.

Could you check this out ?

<div class="show-for-large  grid-block">
        <div class="grid-block">
            asdasds
        </div>
        <div class="grid-block">
            asdasds
        </div>
</div>
            

         
Rafi Benkual over 4 years ago

This GitHub post will explain it: https://github.com/zurb/foundation-apps/issues/170

We are planning to release 1.1 next week with new features and this visibility class improvement.