May 13, 2019 Get 135 music festival website templates on ThemeForest. Buy music festival website templates from $6. All created by our Global Community of independent Web Designers and Developers. Feb 22, 2021 Get 109 video streaming website templates on ThemeForest. Buy video streaming website templates from $3. All created by our Global Community of independent Web Designers and Developers.
How It Works
.sectionsplits up the page horizontally. You'll need a few of these to break up the content, and you can use them in your main wrapper, or within other divs.
divides the section into columns. Each column has a left margin of 1.6% (around 20 pixels on a normal monitor), except the first one. Using .col:first-child { margin-left: 0; } means you don't need to use class='last' Totalspaces 2 7 4 download free. anywhere. It works in all browsers since IE6.
.groupsolves floating problems, by forcing the section to self clear its children (aka the clearfix hack). This is good in Firefox 3.5+, Safari 4+, Chrome, Opera 9+ and IE 6+.
Wolf 1 34 9 – Build Responsive Websites Online
.span_1_of_3specifies the width of the column. Using percentages means it's 100% fluid.
Wolf 1 34 9 – Build Responsive Websites Templates
@media queries
divides the section into columns. Each column has a left margin of 1.6% (around 20 pixels on a normal monitor), except the first one. Using .col:first-child { margin-left: 0; } means you don't need to use class='last' Totalspaces 2 7 4 download free. anywhere. It works in all browsers since IE6.
.groupsolves floating problems, by forcing the section to self clear its children (aka the clearfix hack). This is good in Firefox 3.5+, Safari 4+, Chrome, Opera 9+ and IE 6+.
Wolf 1 34 9 – Build Responsive Websites Online
.span_1_of_3specifies the width of the column. Using percentages means it's 100% fluid.
Wolf 1 34 9 – Build Responsive Websites Templates
@media queriesas soon as the screen size gets less than 480 pixels the columns stack and the margins disappear.
Hey did you notice that this page layout has 4 columns in some places, 3 in others and even 8 a bit further down*? That's because of the goodness baked right into the Responsive Grid System!
* provided you're looking at it on a screen larger than 768 pixels wide. On smaller screens it's, like, responsive.
