Menu icon Foundation

My Posts


My Comments

Steven Valladolid commented on Dani Castaños's post over 5 years

I have the same issue except the dropdown extends off the screen.

Steven Valladolid commented on Steven Valladolid's post over 5 years

Using an an anchor tag does not work either.

Steven Valladolid commented on Trevor West's post over 5 years

How about the use case where you have to loop through a list or array to dynamically create elements?

<div class="row">

<!-- for each logic to add:
      <div class="small-12 medium-6 large-4 columns"> content </div>
-->

</div>

While I know there are simple ways of adding rows after every nth element using the modulus operator for two responsive states, it gets vastly more complex when you need a grid with a third or fourth responsive state. In my experience the best method of handling this has been to wrap all of the items in a single row container regardless of whether the "columns" add up to 6, 12 or 144.

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Dani Castaños's post over 5 years

I have the same issue except the dropdown extends off the screen.

You commented on Steven Valladolid's post over 5 years

Using an an anchor tag does not work either.

You commented on Trevor West's post over 5 years

How about the use case where you have to loop through a list or array to dynamically create elements?

<div class="row">

<!-- for each logic to add:
      <div class="small-12 medium-6 large-4 columns"> content </div>
-->

</div>

While I know there are simple ways of adding rows after every nth element using the modulus operator for two responsive states, it gets vastly more complex when you need a grid with a third or fourth responsive state. In my experience the best method of handling this has been to wrap all of the items in a single row container regardless of whether the "columns" add up to 6, 12 or 144.

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content