A large portion of a front-end designer’s work involves fiddling with CSS, so it’s no surprise how quickly a style sheet can become an incomprehensible mess. One tool I particularly like using during a design process is the CSS Code Beautifier. It formats style sheets in a number of ways depending on how efficient or legible you need it to be.
There is a caveat with this tool however; for some reason, it breaks the CSS3 media query syntax, changing something correct like:
@media screen and (max-width:480px) {}
… Into something that will be misunderstood by the browser like:
@media screen and max-width480px{}