Media Queries and Basics of Responsive Design

Responsive design

Responsive design is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience easy reading and navigation with a minimum of re-sizing, panning, and scrolling across a wide range of devices (from desktop computer monitors to mobile phones).



Media queries are the most powerful tool for doing this. Let’s take our layout that uses percent widths and have it display in one column when the browser is too small to fit the menu in the sidebar:

there is another media query for printing style sheet



Leave a Reply

Your email address will not be published. Required fields are marked *