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

1 vote227 views1 answer
Gatsby hide scrollbar
CSS
2 votes229 views2 answers
Header center
CSS
6 votes194 views6 answers
How to properly install tailwind css in react
CSS
9 votes232 views3 answers
Animation on scroll css
CSS
55 votes238 views5 answers
Margin shorthand CSS
CSS
0 vote260 views1 answer
How to remove gap between divs
CSS
0 vote219 views1 answer
Chrome close tab after print
CSS
5 votes229 views2 answers
How to make a diamond with border radius
CSS
43 votes207 views6 answers
Nth-child in css
CSS
1 vote253 views1 answer
Materialize customize container
CSS Materialize