/Responsive-Debug-CSS

A quick and un-obtrusive snippet of code that renders a small block of text in the bottom left corner of your browser window showing you exactly which CSS media query your browser is currently rendering.

#Responsive Debug CSS

#Description: A quick and un-obtrusive snippet of code that renders a small block of text in the bottom left corner of your browser window showing you exactly which CSS media query your browser is currently rendering.

Can be quickly repurposed to your needs and/or pagebreak sizes.

#Usage: Drop the entire "responsive-debug" folder in the root of your website and place "@import url('../responsive-debug/style.css');" in the top of your primary CSS file.

Icons for each size are also available in the "device-icons" directory

Alt text