Css media queries pc and mobile

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

Source: stackoverflow.com

Similar codes

39 votes216 views4 answers
Font awesome size
CSS
89 votes248 views6 answers
Padding
CSS
6 votes229 views2 answers
Css border
CSS
3 votes176 views2 answers
Div rounded corners
CSS
0 vote225 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote222 views1 answer
Unable to locate package neo4j
CSS
-4 votes213 views2 answers
Full width page css
CSS
3 votes222 views1 answer
Top left right bottom css shorthand
CSS
0 vote256 views2 answers
List-style-image size
CSS
0 vote201 views2 answers
Gray scale css
CSS