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).

 

responsive

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 *