Skip to main content

Responsive Websites Using Queries

Body
Introduction: This page will be covering responsive designs using media queries. What Are Responsive Websites? Responsive websites are ones which adjust their elements to fit correctly within the screen of the device being used to view the page on. Instead of having to create different versions of a page for mobiles, tablets and computers, you can use simple media queries to easily adjust one page to display nicely on screens of all sizes. Structure: @media only screen and {screen sizes} { // Styling goes in here. } Example:
  1. 
  2. @media only screen and (max-width: 600px){
  3. //

Add new comment

Screenshot