Menu icon Foundation

My Posts


My Comments

Clint Avalos commented on Clint Avalos's post 3 days

I got what I wanted like so but hate having to add empty markup. Considering the small attribute behaves according to is given value its seems unnecessary to have to do the following to set the large attribute value.
<row>
<columns large="3">
</columns>
<columns small="12" large="6">
<p>Some text.</p>
</columns>
<columns large="3">
</columns>
</row>
If anyone has a better more elegant solution assuming you cant just define the large attribute in the same manner you can the small attribute, Id love to hear about it.
Thanks!

Clint Avalos commented on Clint Avalos's post 3 days

Thanks for the quick response Rafi. I guess thats where Im a bit confused is if this is table behavior then why do the expected results work on a small screen but not a large one? In fact, Id expect exactly the opposite. 
The goal Im really trying to achieve here is a column size of 6 on large screens (which I intend to center) and then 12 column size on small screens (basically full width). 
My issues is any value I give the small attribute works but regardless of the value in the large attribute the result is always a size of 12.
Thanks!

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Clint Avalos's post 3 days

I got what I wanted like so but hate having to add empty markup. Considering the small attribute behaves according to is given value its seems unnecessary to have to do the following to set the large attribute value.
<row>
<columns large="3">
</columns>
<columns small="12" large="6">
<p>Some text.</p>
</columns>
<columns large="3">
</columns>
</row>
If anyone has a better more elegant solution assuming you cant just define the large attribute in the same manner you can the small attribute, Id love to hear about it.
Thanks!

You commented on Clint Avalos's post 3 days

Thanks for the quick response Rafi. I guess thats where Im a bit confused is if this is table behavior then why do the expected results work on a small screen but not a large one? In fact, Id expect exactly the opposite. 
The goal Im really trying to achieve here is a column size of 6 on large screens (which I intend to center) and then 12 column size on small screens (basically full width). 
My issues is any value I give the small attribute works but regardless of the value in the large attribute the result is always a size of 12.
Thanks!

Posts Followed

Following

  • No Content

Followers

  • No Content