Hires
Large
Default
Tablet Portait
Handheld Landscape
Handheld Portait
Some examples of what you can do with MUELLER.
Please note that you need to write your own layouts and fractional grid classes.
Defining Columns with basic media-classes
The class–names are changed with visibility–selectors.
g-d-6
g-hr-6
g-l-6
g-tp-3
g-hl-2
g-h-2
g-d-6
g-hr-6
g-l-6
g-tp-3
g-hl-2
g-h-2
g-d-12
g-hr-12
g-l-12
g-tp-6
g-hl-2
g-h-2
1-column layout
c1
2-column layout
c1
c2
2-column layout, switched columns
c1
c2
3-column layout
c1
c2
c3
4-column layout
Note the shift with desktop, portrait & handheld.
c1
c2
c3
c4
1-column layout with fractions for half
g-all-half
g-all-half
1-column layout with fractions for thirds
g-all-thirds
g-all-thirds
g-all-thirds