Media Queries For Devices with their layout Widths (CSS)

There are Media Queries which help in making the website responsive. Here are some tips which will make easier to Understand the Media Queries to various devices

1. Large Desktops: Layout Width will be from 1200px and Up

              @media (min-width:1200px){

               }

  2.   Default: The Layout width will be from 980px and up

  3.   Portrait Tablets: The Layout width will be from 768px and Above

             @media (min-width:768px) and (max-width: 978px){

              }

  4.   Phones to Tablets: The Layout width will be from 767px and below

            @media (max-width:767px){

             }

  5.   Phones:  The Layout width will be from 480px and below

           @media (max-width:480px){

             }