Device icons

The three device icons located below the add/delete breakpoint buttons will become brighter to indicate the common size device you are currently designing for.

As desktop monitors, tablets, and phones all come in a variety of sizes; this is just for reference purposes. There is no specific phone or tablet width, nor is it possible to ‘design for phone’.

Instead, responsive design has to look good and perform well at every width — the icons are merely an indication of what type of device might be used for viewing the site at the current position of the slider.