Examples of DIV frames for main content build on SpaceGrid 1.0 with SEO4
Also see the folder /layouts for finish website layouts build on SpaceGrid 1.0
Copy/paste these DIVS into your choosen layout, give it a little CSS
and boom! You have a front-end responsive design for your website
Fullwidth Responsive Div
Double div (Full width in Responsive)
Double div (Also Double div in Responsive)
Double div made out of 3 (Also Double div in Responsive)
3 Divs (But only 2 shows in Responsive)
Uses the class 'mobilenone' in the spacearea-class
You can use 'mobilenone' on every spacediv, spacegrid, spacegroup, spacearea you want.
Div with first & last class
6 divs made out of 6 (Simple & clean)
6 divs made out of 12 (Double div in responsive)
Now you ask, can i make 3 out of 6? - Well ofcause!
What about 2 of 6? - Yup!
It turns yellow because of the spacediv class 'spacediv2' like above
But then you should use 'span_half' instead
But mark that it will show a Double Div in responsive
Double div in Responsive