Suggestion: Realign grid and block-grid's target media queries

[replete]

Types of horizontal breakpoints used in Zurb 4.3/5 Grid (ignore px metrics):

• 'Default' = up to 320px
• 'Small' = wider than 320px
• 'Medium' = wider than 640px
• 'Large' = wider than 1024px

But we use these CSS class naming conventions for the grid:

• small-12 columns = activated for 'Default' = up to 320px
• medium-8 columns = activated for 'Small' = wider than 320px
• large-4 columns = activated for 'Medium' = wider than 640px

..and for block-grid:

• small-block-grid-1 columns = activated for 'Default' = up to 320px
• medium-block-grid-3 columns = activated for 'Small' = wider than 320px
• large-block-grid-4 columns = activated for 'Medium' = wider than 640px

This means we're a breakpoint ahead when writing markup, and therefore out of sync. I think it's sometimes confusing.

Suggestion: I believe Foundation would benefit greatly from this subtle realignment:

• default-12 columns = activated for 'Default' = up to 320px
• small-8 columns = activated for 'Small' = wider than 320px
• medium-4 columns = activated for 'Medium' = wider than 640px
• large-4 columns = activated for 'Large' = wider than 1024px

..and for block-grid:

• default-block-grid-1 columns = activated for 'Default' = up to 320px
• small-block-grid-3 columns = activated for 'Small' = wider than 320px
• medium-block-grid-4 columns = activated for 'Medium' = wider than 640px
• large-block-grid-4 columns = activated for 'Large' = wider than 1024px

Updated: I'm now using this in a project, here's _grid-5-custom.scss and _block-grid-5-custom.scss

I've suggested default, because in a Mobile-First methodology, it is the 'default' layout. You could use first, primary, or something else, but it feels inappropriate. mobile also feels wrong, even though few browse the internet on calculators.

I've been using Zurb since version 3, and I've grown to love the grid system. Foundation is an excellent achievement, and I'm grateful for what's been created here.

EDIT: If 4 breakpoints were ever not enough for the grid system, though it's hard to imagine, extending with xlarge, extra-large, largest etc would be feasible. Or perhaps the move with F5/6 is to allow you to define your own breakpoints?

[replete]

I'm using this in a project now, and it's working well. Here's the gist, anyway

[andig]

This would change about every default layout out there- not such a good idea?

[cmwinters]

Media queries have been redone in 5.