Css Tips & Trics

Make Responsive Design Using CSS

Be simply create responsive website using Css Without using any bootstrap or JQuery

Code :-

Small Smart devices :-

@media screen and (min-width:320px) screen and (max-width:480px)

{

                       // put your all Css style hear for Responsive View.

}

Smart devices :-

@media screen and (min-width:481px) screen and (max-width:720px)

{

                       // put your all Css style hear for Responsive View.

}

Tablet devices :-

@media screen and (min-width:721px) screen and (max-width:1200px)

{

                       // put your all Css style hear for Responsive View.

}

Desktop devices :-

@media screen and (min-width:1201px) 

{

                       // put your all Css style hear for Responsive View.

}

Note :-

@media screen will be use for the identify resolution of Device and base on that look are Display.

so @ media screen in defines attribute is that Min-width And max-width for Particular resolution setting.

After set that All style sheet code of responsive view are put hear And Another Style Sheet code put out side.

After all are done Correctly Then enjoy the responsive Website.

Enjoye.......