CODEWITHSUNDEEP
singularitygsbreakpoint-sass
MrPaulDriver
MrPaulDriver

Reputation: 243

SingularityGS: How to code float-span variations with breakpoints?

I have a float-span layout which contains a number of tiles in a 12 column grid. At breakpoint 600px I want this to display float-span(2) and at 1024px I want float-span(4).

I am finding that the smaller breakpoint layout displays as intended but the larger breakpoint layout is broken and appears to be inheriting the nth-child value from the lower breakpoint.

He is my gist http://sassmeister.com/gist/MrPaulDriver/8ac3bcf3e29c429b2efc

What am I doing wrong?

Upvotes: 2

Views: 84

Answers (1)

MrPaulDriver
MrPaulDriver

Reputation: 243

Having re-read a previous answer I now realise that it is necessary to define minimum and maximum media queries

See Singularitygs: Mobile grid persisting all screen sizes

Upvotes: 1

Related Questions