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

0 vote378 views1 answer
Flex index css
CSS
37 votes351 views3 answers
Inline svg css
CSS
8 votes371 views4 answers
Aos css animation
CSS
2 votes368 views2 answers
Image rendering css
CSS
0 vote375 views2 answers
Webkit-line-clamp: 2;
CSS
4 votes346 views2 answers
Bootstrap Image thumbnails
CSS
28 votes423 views4 answers
Font face roboto css
CSS
37 votes353 views4 answers
Css hover pointer
CSS
-1 vote406 views2 answers
Css clip path text
CSS
1 vote348 views6 answers
Tailwind css in react
CSS