CSS Media Queries For Responsive Websites

Building a websites to be responsive and user friendly on mobile, tablet and desktop is a must. With the help of responsive CSS libraries like Bootstrap, Foundation, etc there are now CSS media queries that drastically help when creating unique design or stylings across the three main platforms. While there are many more CSS media queries that allow you to drill down into each device type, these are the most common queries used to build and style the different visual elements across device types: