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

2 votes279 views1 answer
Underline css animation hover
CSS
0 vote287 views2 answers
Tailwind css disabled button
CSS
29 votes283 views2 answers
Scc chang the background color
CSS
0 vote320 views2 answers
Create column with values mapped from another column python
CSS
21 votes296 views6 answers
Gradient image css
CSS
1 vote339 views1 answer
Robot font import
CSS
1 vote297 views1 answer
How to make button appear on hover
CSS
0 vote379 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
64 votes317 views4 answers
Bootstrap buttons
CSS
2 votes273 views2 answers
Slick arrow css
CSS