How To Combine Duplicate Media Queries | Responsive Web Design

How To Combine Duplicate Media Queries

One of the issues some people complain about when using Sass is that you get a tonne of repeated media queries in your CSS due to the way we write Sass files for ease of use. This doesn’t concern me because GZIP will remove all the extra stuff for me, but for those of you that do care check out this Grunt tutorial that will combine all the media queries in one declaration in the output.

Today, there are numerous frameworks that can help you quickly build responsive websites.Bootstrap and Foundation, for instance, come with a set of common website components, plugins, loads of pre-defined style rules as well as CSS3 media queries for constructing the responsive grid.

An excerpt from How To Combine Duplicate Media Queries

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.