Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
//CSS
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
//CSS
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
//CSS
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
//CSS
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
//CSS
}
@Aagbator

This comment has been minimized.

Show comment
Hide comment
@Aagbator

Aagbator commented Jun 5, 2017

thanks

@ericxtn

This comment has been minimized.

Show comment
Hide comment
@ericxtn

ericxtn Jul 27, 2017

Thanks for that

ericxtn commented Jul 27, 2017

Thanks for that

@maggenti

This comment has been minimized.

Show comment
Hide comment
@maggenti

maggenti Aug 17, 2017

Finally, thanks

maggenti commented Aug 17, 2017

Finally, thanks

@shaon12332

This comment has been minimized.

Show comment
Hide comment
@shaon12332

shaon12332 commented Sep 10, 2017

thanks

@newsapkota

This comment has been minimized.

Show comment
Hide comment
@newsapkota

newsapkota commented Sep 27, 2017

thanks

@mohsinalimohsin

This comment has been minimized.

Show comment
Hide comment
@mohsinalimohsin

mohsinalimohsin Oct 6, 2017

Awesome. Thanks

mohsinalimohsin commented Oct 6, 2017

Awesome. Thanks

@Ultimadei

This comment has been minimized.

Show comment
Hide comment
@Ultimadei

Ultimadei Oct 29, 2017

This is great, thanks

Ultimadei commented Oct 29, 2017

This is great, thanks

@joelfranco89

This comment has been minimized.

Show comment
Hide comment
@joelfranco89

joelfranco89 commented Nov 4, 2017

Thanks!

@RockiRider

This comment has been minimized.

Show comment
Hide comment
@RockiRider

RockiRider Nov 20, 2017

What a godsend

RockiRider commented Nov 20, 2017

What a godsend

@NicholasBracey

This comment has been minimized.

Show comment
Hide comment
@NicholasBracey

NicholasBracey commented Nov 24, 2017

Thank you!

@rdub2008

This comment has been minimized.

Show comment
Hide comment
@rdub2008

rdub2008 Nov 26, 2017

Where do I put this script? Sorry, a newbie.

rdub2008 commented Nov 26, 2017

Where do I put this script? Sorry, a newbie.

@avatarvb

This comment has been minimized.

Show comment
Hide comment
@avatarvb

avatarvb Dec 4, 2017

wow,bein fait merci pour l'effort fourni +1:

avatarvb commented Dec 4, 2017

wow,bein fait merci pour l'effort fourni +1:

@Madhubalajb

This comment has been minimized.

Show comment
Hide comment
@Madhubalajb

Madhubalajb Dec 19, 2017

A million thanks, dude... You have saved my time!! ;)

Madhubalajb commented Dec 19, 2017

A million thanks, dude... You have saved my time!! ;)

@abSarpong

This comment has been minimized.

Show comment
Hide comment
@abSarpong

abSarpong Jan 6, 2018

Thank you very much

abSarpong commented Jan 6, 2018

Thank you very much

@hitechqb

This comment has been minimized.

Show comment
Hide comment
@hitechqb

hitechqb Jan 12, 2018

Thank you so much

hitechqb commented Jan 12, 2018

Thank you so much

@ebouchard91

This comment has been minimized.

Show comment
Hide comment
@ebouchard91

ebouchard91 Jan 18, 2018

You, dear sir, are the best

ebouchard91 commented Jan 18, 2018

You, dear sir, are the best

@lumen-creative

This comment has been minimized.

Show comment
Hide comment
@lumen-creative

lumen-creative Jan 27, 2018

Major time saver. Thank you!

lumen-creative commented Jan 27, 2018

Major time saver. Thank you!

@mayanktestweb

This comment has been minimized.

Show comment
Hide comment
@mayanktestweb

mayanktestweb Jan 28, 2018

wow sir thank you so so much

mayanktestweb commented Jan 28, 2018

wow sir thank you so so much

@sekoudosso82

This comment has been minimized.

Show comment
Hide comment
@sekoudosso82

sekoudosso82 Jan 29, 2018

Thanks maestro

sekoudosso82 commented Jan 29, 2018

Thanks maestro

@crtjr64

This comment has been minimized.

Show comment
Hide comment
@crtjr64

crtjr64 commented Feb 11, 2018

Ditto

@rimatla

This comment has been minimized.

Show comment
Hide comment
@rimatla

rimatla Feb 19, 2018

Yes sir, Thank you!

rimatla commented Feb 19, 2018

Yes sir, Thank you!

@jesraygarciano

This comment has been minimized.

Show comment
Hide comment
@jesraygarciano

jesraygarciano commented Feb 21, 2018

Thanks

@JoshuaDouce

This comment has been minimized.

Show comment
Hide comment
@JoshuaDouce

JoshuaDouce commented Feb 25, 2018

Thankyou

@shriram2017

This comment has been minimized.

Show comment
Hide comment
@shriram2017

shriram2017 Feb 26, 2018

It helped me a lot. Thanks

shriram2017 commented Feb 26, 2018

It helped me a lot. Thanks

@Lytiuga

This comment has been minimized.

Show comment
Hide comment
@Lytiuga

Lytiuga Feb 26, 2018

Thank you so much, man! The first working code that I could found!
one little issue: in string 29 I added
and (orientation: portrait)

  • without this addition, Mozilla Responsive tool show me that rules for Ipad landscape were overwritten by iPad portrait

Lytiuga commented Feb 26, 2018

Thank you so much, man! The first working code that I could found!
one little issue: in string 29 I added
and (orientation: portrait)

  • without this addition, Mozilla Responsive tool show me that rules for Ipad landscape were overwritten by iPad portrait
@vvavdiya

This comment has been minimized.

Show comment
Hide comment
@vvavdiya

vvavdiya commented Feb 28, 2018

Thanks

@chipprogrammers

This comment has been minimized.

Show comment
Hide comment
@chipprogrammers

chipprogrammers Mar 2, 2018

Thank you.. so much...

chipprogrammers commented Mar 2, 2018

Thank you.. so much...

@MistyBlunch

This comment has been minimized.

Show comment
Hide comment
@MistyBlunch

MistyBlunch Mar 9, 2018

Than you so much 👍

MistyBlunch commented Mar 9, 2018

Than you so much 👍

@iamprakasam

This comment has been minimized.

Show comment
Hide comment
@iamprakasam

iamprakasam Mar 10, 2018

Good one and thanks!

iamprakasam commented Mar 10, 2018

Good one and thanks!

@SandraHerreraArriaga

This comment has been minimized.

Show comment
Hide comment
@SandraHerreraArriaga

SandraHerreraArriaga Mar 14, 2018

Really works. Thanks!!!

SandraHerreraArriaga commented Mar 14, 2018

Really works. Thanks!!!

@Enirate

This comment has been minimized.

Show comment
Hide comment
@Enirate

Enirate Mar 16, 2018

Thanks man.

Enirate commented Mar 16, 2018

Thanks man.

@247rahimab

This comment has been minimized.

Show comment
Hide comment
@247rahimab

247rahimab Apr 1, 2018

Thanks a lot. Very useful resources.

247rahimab commented Apr 1, 2018

Thanks a lot. Very useful resources.

@AllanMwirigi

This comment has been minimized.

Show comment
Hide comment
@AllanMwirigi

AllanMwirigi Apr 18, 2018

Awesome, man. Thanks a lot

AllanMwirigi commented Apr 18, 2018

Awesome, man. Thanks a lot

@YK7479

This comment has been minimized.

Show comment
Hide comment
@YK7479

YK7479 Apr 25, 2018

Awesome, works, Thanks, man... Looking forward.

YK7479 commented Apr 25, 2018

Awesome, works, Thanks, man... Looking forward.

@Shashi99rocky

This comment has been minimized.

Show comment
Hide comment
@lakerko

This comment has been minimized.

Show comment
Hide comment
@lakerko

lakerko May 9, 2018

Thank you.

lakerko commented May 9, 2018

Thank you.

@LuthandoE

This comment has been minimized.

Show comment
Hide comment
@LuthandoE

LuthandoE May 28, 2018

You are a legend!

LuthandoE commented May 28, 2018

You are a legend!

@mugtin

This comment has been minimized.

Show comment
Hide comment
@mugtin

mugtin May 29, 2018

Thank you

mugtin commented May 29, 2018

Thank you

@AlexisThink

This comment has been minimized.

Show comment
Hide comment
@AlexisThink

AlexisThink Jun 5, 2018

The best media-queries to work faster and cover the most important devices.

AlexisThink commented Jun 5, 2018

The best media-queries to work faster and cover the most important devices.

@idedalusse

This comment has been minimized.

Show comment
Hide comment
@idedalusse

idedalusse Jun 7, 2018

thank you very much

idedalusse commented Jun 7, 2018

thank you very much

@carocromatica

This comment has been minimized.

Show comment
Hide comment
@carocromatica

carocromatica Jun 7, 2018

Thank you! 👍

carocromatica commented Jun 7, 2018

Thank you! 👍

@DHWP

This comment has been minimized.

Show comment
Hide comment
@DHWP

DHWP Jun 14, 2018

Cheers : -)

DHWP commented Jun 14, 2018

Cheers : -)

@dagenius007

This comment has been minimized.

Show comment
Hide comment
@dagenius007

dagenius007 Jun 17, 2018

really helpful thanks alot

dagenius007 commented Jun 17, 2018

really helpful thanks alot

@kathy330

This comment has been minimized.

Show comment
Hide comment
@kathy330

kathy330 Jun 21, 2018

Thanks, it helps me a lot.

kathy330 commented Jun 21, 2018

Thanks, it helps me a lot.

@suresh-jarvis

This comment has been minimized.

Show comment
Hide comment
@suresh-jarvis

suresh-jarvis Jun 22, 2018

Very helpful awesome man 💯

suresh-jarvis commented Jun 22, 2018

Very helpful awesome man 💯

@anuchit-boonsom

This comment has been minimized.

Show comment
Hide comment
@anuchit-boonsom

anuchit-boonsom commented Jun 23, 2018

Thank you!

@abiamarulloh

This comment has been minimized.

Show comment
Hide comment
@abiamarulloh

abiamarulloh commented Jun 23, 2018

thank

@duongthienlee

This comment has been minimized.

Show comment
Hide comment
@duongthienlee

duongthienlee Jun 30, 2018

Awesome man! Thank you!

duongthienlee commented Jun 30, 2018

Awesome man! Thank you!

@jbbelerma

This comment has been minimized.

Show comment
Hide comment
@jbbelerma

jbbelerma commented Jul 3, 2018

Thanks!

@gokulkrishh

This comment has been minimized.

Show comment
Hide comment
@gokulkrishh

gokulkrishh Jul 10, 2018

Thankyou all. Happy that this piece of code helped you all 💃

Owner

gokulkrishh commented Jul 10, 2018

Thankyou all. Happy that this piece of code helped you all 💃

@abhijithvijayan

This comment has been minimized.

Show comment
Hide comment
@abhijithvijayan

abhijithvijayan Jul 13, 2018

Life saver dude, technically

abhijithvijayan commented Jul 13, 2018

Life saver dude, technically

@MichaelVanStan

This comment has been minimized.

Show comment
Hide comment
@MichaelVanStan

MichaelVanStan Jul 19, 2018

Thank you - I'm forever trying to reference high level queries lol

MichaelVanStan commented Jul 19, 2018

Thank you - I'm forever trying to reference high level queries lol

@chaosthunder

This comment has been minimized.

Show comment
Hide comment
@chaosthunder

chaosthunder commented Jul 23, 2018

Nice, dude.

@YvaneChristopher

This comment has been minimized.

Show comment
Hide comment
@YvaneChristopher

YvaneChristopher Jul 30, 2018

Thank you dude.

YvaneChristopher commented Jul 30, 2018

Thank you dude.

@Smon5

This comment has been minimized.

Show comment
Hide comment
@Smon5

Smon5 Aug 2, 2018

Excellent! thank you

Smon5 commented Aug 2, 2018

Excellent! thank you

@isaadabbasi

This comment has been minimized.

Show comment
Hide comment
@isaadabbasi

isaadabbasi Aug 10, 2018

Thank you very much, this is so much time saving :)

isaadabbasi commented Aug 10, 2018

Thank you very much, this is so much time saving :)

@calindotgabriel

This comment has been minimized.

Show comment
Hide comment
@calindotgabriel

calindotgabriel commented Aug 13, 2018

ty!

@chisinhong

This comment has been minimized.

Show comment
Hide comment
@chisinhong

chisinhong commented Aug 15, 2018

thanks

@chiliexe

This comment has been minimized.

Show comment
Hide comment
@chiliexe

chiliexe commented Aug 19, 2018

thank man

@fathandanklowor

This comment has been minimized.

Show comment
Hide comment
@fathandanklowor

fathandanklowor commented Aug 19, 2018

thanks man !

@MrBuble

This comment has been minimized.

Show comment
Hide comment
@MrBuble

MrBuble commented Aug 29, 2018

Valeu

@m3rlin94

This comment has been minimized.

Show comment
Hide comment
@m3rlin94

m3rlin94 Aug 30, 2018

You are a life saver!! thanks man.

m3rlin94 commented Aug 30, 2018

You are a life saver!! thanks man.

@HamSungJun

This comment has been minimized.

Show comment
Hide comment
@HamSungJun

HamSungJun Sep 2, 2018

awesome. good.

HamSungJun commented Sep 2, 2018

awesome. good.

@afelopez

This comment has been minimized.

Show comment
Hide comment
@afelopez

afelopez Sep 5, 2018

That's awesome!! Thanks!

afelopez commented Sep 5, 2018

That's awesome!! Thanks!

@GawiSh97

This comment has been minimized.

Show comment
Hide comment
@GawiSh97

GawiSh97 Sep 8, 2018

Great Job, Thanks man!

GawiSh97 commented Sep 8, 2018

Great Job, Thanks man!

@khnwr

This comment has been minimized.

Show comment
Hide comment
@khnwr

khnwr Sep 15, 2018

mantap bro, sangat bermangpaat

khnwr commented Sep 15, 2018

mantap bro, sangat bermangpaat

@jaychasteen

This comment has been minimized.

Show comment
Hide comment
@jaychasteen

jaychasteen Sep 16, 2018

Thanks! This was exactly what I was looking for.

jaychasteen commented Sep 16, 2018

Thanks! This was exactly what I was looking for.

@felixbengtsson

This comment has been minimized.

Show comment
Hide comment
@felixbengtsson

felixbengtsson commented Sep 16, 2018

Thanks

@sangumee

This comment has been minimized.

Show comment
Hide comment
@sangumee

sangumee Sep 17, 2018

Thanks for the help!

sangumee commented Sep 17, 2018

Thanks for the help!

@madMAx43v3r

This comment has been minimized.

Show comment
Hide comment
@madMAx43v3r

madMAx43v3r Sep 17, 2018

My LG G3 has 1440 pixels screen width, how would that work?

madMAx43v3r commented Sep 17, 2018

My LG G3 has 1440 pixels screen width, how would that work?

@JavaGuy12

This comment has been minimized.

Show comment
Hide comment
@JavaGuy12

JavaGuy12 Sep 18, 2018

Thank you so much! This will prove very helpful!

JavaGuy12 commented Sep 18, 2018

Thank you so much! This will prove very helpful!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment