Skip to content

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.

Copy link

commented Jun 5, 2017

thanks

@realericmih

This comment has been minimized.

Copy link

commented Jul 27, 2017

Thanks for that

@maggenti

This comment has been minimized.

Copy link

commented Aug 17, 2017

Finally, thanks

@shaon12332

This comment has been minimized.

Copy link

commented Sep 10, 2017

thanks

@newsapkota

This comment has been minimized.

Copy link

commented Sep 27, 2017

thanks

@mohsinalimohsin

This comment has been minimized.

Copy link

commented Oct 6, 2017

Awesome. Thanks

@Ultimadei

This comment has been minimized.

Copy link

commented Oct 29, 2017

This is great, thanks

@joelfranco89

This comment has been minimized.

Copy link

commented Nov 4, 2017

Thanks!

@RockiRider

This comment has been minimized.

Copy link

commented Nov 20, 2017

What a godsend

@NicholasBracey

This comment has been minimized.

Copy link

commented Nov 24, 2017

Thank you!

@rdub2008

This comment has been minimized.

Copy link

commented Nov 26, 2017

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

@avatarvb

This comment has been minimized.

Copy link

commented Dec 4, 2017

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

@Madhubalajb

This comment has been minimized.

Copy link

commented Dec 19, 2017

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

@abSarpong

This comment has been minimized.

Copy link

commented Jan 6, 2018

Thank you very much

@hitechqb

This comment has been minimized.

Copy link

commented Jan 12, 2018

Thank you so much

@ebouchard91

This comment has been minimized.

Copy link

commented Jan 18, 2018

You, dear sir, are the best

@lumen-creative

This comment has been minimized.

Copy link

commented Jan 27, 2018

Major time saver. Thank you!

@mayanktestweb

This comment has been minimized.

Copy link

commented Jan 28, 2018

wow sir thank you so so much

@sekoudosso82

This comment has been minimized.

Copy link

commented Jan 29, 2018

Thanks maestro

@crtjr64

This comment has been minimized.

Copy link

commented Feb 11, 2018

Ditto

@rimatla

This comment has been minimized.

Copy link

commented Feb 19, 2018

Yes sir, Thank you!

@jesraygarciano

This comment has been minimized.

Copy link

commented Feb 21, 2018

Thanks

@JoshuaDouce

This comment has been minimized.

Copy link

commented Feb 25, 2018

Thankyou

@shriram2017

This comment has been minimized.

Copy link

commented Feb 26, 2018

It helped me a lot. Thanks

@Lytiuga

This comment has been minimized.

Copy link

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.

Copy link

commented Feb 28, 2018

Thanks

@chipprogrammers

This comment has been minimized.

Copy link

commented Mar 2, 2018

Thank you.. so much...

@MistyBlunch

This comment has been minimized.

Copy link

commented Mar 9, 2018

Than you so much 👍

@iamprakasam

This comment has been minimized.

Copy link

commented Mar 10, 2018

Good one and thanks!

@SandraHerreraArriaga

This comment has been minimized.

Copy link

commented Mar 14, 2018

Really works. Thanks!!!

@Enirate

This comment has been minimized.

Copy link

commented Mar 16, 2018

Thanks man.

@247rahimab

This comment has been minimized.

Copy link

commented Apr 1, 2018

Thanks a lot. Very useful resources.

@AllanMwirigi

This comment has been minimized.

Copy link

commented Apr 18, 2018

Awesome, man. Thanks a lot

@YK7479

This comment has been minimized.

Copy link

commented Apr 25, 2018

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

@Shashi99rocky

This comment has been minimized.

@lakerko

This comment has been minimized.

Copy link

commented May 9, 2018

Thank you.

@LuthandoE

This comment has been minimized.

Copy link

commented May 28, 2018

You are a legend!

@mugtin

This comment has been minimized.

Copy link

commented May 29, 2018

Thank you

@AlexisThink

This comment has been minimized.

Copy link

commented Jun 5, 2018

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

@idedalusse

This comment has been minimized.

Copy link

commented Jun 7, 2018

thank you very much

@carocromatica

This comment has been minimized.

Copy link

commented Jun 7, 2018

Thank you! 👍

@DHWP

This comment has been minimized.

Copy link

commented Jun 14, 2018

Cheers : -)

@dagenius007

This comment has been minimized.

Copy link

commented Jun 17, 2018

really helpful thanks alot

@kathy330

This comment has been minimized.

Copy link

commented Jun 21, 2018

Thanks, it helps me a lot.

@suresh-borad

This comment has been minimized.

Copy link

commented Jun 22, 2018

Very helpful awesome man 💯

@ghost

This comment has been minimized.

Copy link

commented Jun 23, 2018

Thank you!

@abiamarulloh

This comment has been minimized.

Copy link

commented Jun 23, 2018

thank

@duongthienlee

This comment has been minimized.

Copy link

commented Jun 30, 2018

Awesome man! Thank you!

@jbbelerma

This comment has been minimized.

Copy link

commented Jul 3, 2018

Thanks!

@gokulkrishh

This comment has been minimized.

Copy link
Owner Author

commented Jul 10, 2018

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

@abhijithvijayan

This comment has been minimized.

Copy link

commented Jul 13, 2018

Life saver dude, technically

@MichaelVanStan

This comment has been minimized.

Copy link

commented Jul 19, 2018

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

@chaosthunder

This comment has been minimized.

Copy link

commented Jul 23, 2018

Nice, dude.

@YvaneChristopher

This comment has been minimized.

Copy link

commented Jul 30, 2018

Thank you dude.

@Smon5

This comment has been minimized.

Copy link

commented Aug 2, 2018

Excellent! thank you

@isaadabbasi

This comment has been minimized.

Copy link

commented Aug 10, 2018

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

@calindotgabriel

This comment has been minimized.

Copy link

commented Aug 13, 2018

ty!

@chisinhong

This comment has been minimized.

Copy link

commented Aug 15, 2018

thanks

@chiliexe

This comment has been minimized.

Copy link

commented Aug 19, 2018

thank man

@fathandanklowor

This comment has been minimized.

Copy link

commented Aug 19, 2018

thanks man !

@lucas-ol

This comment has been minimized.

Copy link

commented Aug 29, 2018

Valeu

@m3rlin94

This comment has been minimized.

Copy link

commented Aug 30, 2018

You are a life saver!! thanks man.

@HamSungJun

This comment has been minimized.

Copy link

commented Sep 2, 2018

awesome. good.

@afelopez

This comment has been minimized.

Copy link

commented Sep 5, 2018

That's awesome!! Thanks!

@GawiSh97

This comment has been minimized.

Copy link

commented Sep 8, 2018

Great Job, Thanks man!

@khnwr

This comment has been minimized.

Copy link

commented Sep 15, 2018

mantap bro, sangat bermangpaat

@jechasteen

This comment has been minimized.

Copy link

commented Sep 16, 2018

Thanks! This was exactly what I was looking for.

@felixbengtsson

This comment has been minimized.

Copy link

commented Sep 16, 2018

Thanks

@sangumee

This comment has been minimized.

Copy link

commented Sep 17, 2018

Thanks for the help!

@madMAx43v3r

This comment has been minimized.

Copy link

commented Sep 17, 2018

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

@JavaGuy12

This comment has been minimized.

Copy link

commented Sep 18, 2018

Thank you so much! This will prove very helpful!

@Lakshan2d

This comment has been minimized.

Copy link

commented Sep 20, 2018

Thank this this very helpful

@dusanmedic

This comment has been minimized.

Copy link

commented Sep 20, 2018

Oh boy, you just saved my life... Thank you so much!

@varnit-abraham

This comment has been minimized.

Copy link

commented Sep 22, 2018

This is really helpful. Thanks.

@James-Daniel01

This comment has been minimized.

Copy link

commented Sep 24, 2018

Thanks a lot :)

@MhamedEl-shahawy

This comment has been minimized.

Copy link

commented Sep 26, 2018

Thank you, great work -:)

@JavedKhanUI

This comment has been minimized.

Copy link

commented Sep 26, 2018

Thanks

@hmtanbir

This comment has been minimized.

Copy link

commented Sep 28, 2018

Thanks a lot.

@nicollasmatheus

This comment has been minimized.

Copy link

commented Oct 1, 2018

thanks

@ajaykumar22

This comment has been minimized.

Copy link

commented Oct 1, 2018

Thank you.. so much...

@ryoboua

This comment has been minimized.

Copy link

commented Oct 2, 2018

thanks man!

@Lucif3rRules

This comment has been minimized.

Copy link

commented Oct 6, 2018

Really Helped to be more specific i add this one more

@media (min-width: 1281px) {
// CSS
}
@media (min-width: 1200px) and (max-width: 1280px){
// CSS
}
@media (min-width: 1025px) and (max-width: 1999px){
// CSS
}
@teffcode

This comment has been minimized.

Copy link

commented Oct 12, 2018

Thanks <3

@h3nr1ke

This comment has been minimized.

Copy link

commented Oct 19, 2018

Thanks (=

@ahmadraza47

This comment has been minimized.

Copy link

commented Oct 20, 2018

Great. Weldone.

@marcusflat

This comment has been minimized.

Copy link

commented Oct 26, 2018

Really helpful, Thanks!

@truongcuong90

This comment has been minimized.

Copy link

commented Nov 1, 2018

Thanks so much...

@zephyrmike

This comment has been minimized.

Copy link

commented Nov 1, 2018

Thank you, this is a great resource

@whoissane

This comment has been minimized.

Copy link

commented Nov 8, 2018

Thank you

@Kulasekaransekar

This comment has been minimized.

Copy link

commented Nov 16, 2018

Thanks a lot.. Really Helpfullll

@mokeam

This comment has been minimized.

Copy link

commented Nov 19, 2018

Saved me a lot of stress, thank you so much!

@mahimusa

This comment has been minimized.

Copy link

commented Nov 22, 2018

thanks a million

@SimplePotato

This comment has been minimized.

Copy link

commented Nov 24, 2018

Thank you, thank you, thank you. <3 This saved me so much time.

@qw893821

This comment has been minimized.

Copy link

commented Nov 25, 2018

thanks

@Ketchadaprons

This comment has been minimized.

Copy link

commented Nov 27, 2018

Thanks

@AdriaRios

This comment has been minimized.

Copy link

commented Nov 27, 2018

Thanks!

@wiwats

This comment has been minimized.

Copy link

commented Dec 3, 2018

Thank you

@zenVentzi

This comment has been minimized.

Copy link

commented Dec 7, 2018

WOW! So many thanks, couldn't help myself but thank you!

@protocorenet

This comment has been minimized.

Copy link

commented Dec 9, 2018

This is awesome, Thank you

@probuse

This comment has been minimized.

Copy link

commented Dec 10, 2018

great resource, thanks

@wahabxada

This comment has been minimized.

Copy link

commented Dec 13, 2018

saving time thanks for that

@A1K2S3

This comment has been minimized.

Copy link

commented Dec 13, 2018

Thanks Buddy, It helped alot ;)

@anagranados

This comment has been minimized.

Copy link

commented Dec 20, 2018

Thanks a lot

@morexwell

This comment has been minimized.

Copy link

commented Dec 20, 2018

thank you

@shivamsharmabtp

This comment has been minimized.

Copy link

commented Dec 24, 2018

thanks

@fordchastain

This comment has been minimized.

Copy link

commented Dec 27, 2018

yes! thank you.

@kasongoyo

This comment has been minimized.

Copy link

commented Jan 5, 2019

Thanks

@Ncamacho2

This comment has been minimized.

Copy link

commented Jan 9, 2019

thank you.

@Attaulla9

This comment has been minimized.

Copy link

commented Jan 11, 2019

Thank you so much.
It help me lot...

@abilayi

This comment has been minimized.

Copy link

commented Jan 14, 2019

I am new to css media queries. Any help will be appreciated. I use the divi theme by elegant themes. Where do i put this code?

@ta-riq

This comment has been minimized.

Copy link

commented Jan 15, 2019

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

You put this script or code in a css file. Maybe you can name it "resposive.css"

then link it to your html page.

@manavjha

This comment has been minimized.

Copy link

commented Jan 15, 2019

Just Awsome :-)

@Ni-c0de-mus

This comment has been minimized.

Copy link

commented Jan 22, 2019

Thanks buddy ;o) Top Job!!!

@MicahBala

This comment has been minimized.

Copy link

commented Jan 23, 2019

This is good. Thanks

@supernathanho

This comment has been minimized.

Copy link

commented Jan 24, 2019

thanks alot

@ShubhamAmbhore

This comment has been minimized.

Copy link

commented Jan 25, 2019

thanks

@embashgit

This comment has been minimized.

Copy link

commented Feb 2, 2019

Ghod you just save a life ...exactly what i was searching

@jnandritsilavo

This comment has been minimized.

Copy link

commented Feb 6, 2019

Thanks

@eschocolat

This comment has been minimized.

Copy link

commented Feb 7, 2019

Thanks

@juanlet

This comment has been minimized.

Copy link

commented Feb 10, 2019

Nice sheet...I'm giving this to one of the new designers

@arbaazshaikh919

This comment has been minimized.

Copy link

commented Feb 12, 2019

Superb. Thanks

@poonamsaroj

This comment has been minimized.

Copy link

commented Feb 13, 2019

Thank you so much....

@akkariyassine

This comment has been minimized.

Copy link

commented Feb 13, 2019

thank you man

@jaredscheib

This comment has been minimized.

Copy link

commented Feb 14, 2019

thanks!

@pkiula

This comment has been minimized.

Copy link

commented Feb 15, 2019

Does this still apply with iPhone X "Max" etc? The last one seems way too low a resolution for Max, yes?

@jhibbitt

This comment has been minimized.

Copy link

commented Feb 17, 2019

This is great.
Thank you

@premisha

This comment has been minimized.

Copy link

commented Feb 19, 2019

Helpful. Thanks!

@CreativeArtDev

This comment has been minimized.

Copy link

commented Feb 19, 2019

Thanks! Great.

@anho-groove

This comment has been minimized.

Copy link

commented Feb 21, 2019

Great! Thanks

@afandilham

This comment has been minimized.

Copy link

commented Feb 21, 2019

Helpful! Thank you so much

@nagipogu

This comment has been minimized.

Copy link

commented Feb 26, 2019

Thanks alot. God bless you

@chrisblakely01

This comment has been minimized.

Copy link

commented Feb 26, 2019

Thanks!

@eslamabdo164

This comment has been minimized.

Copy link

commented Mar 2, 2019

Very useful .
Thanks

@MrFerid

This comment has been minimized.

Copy link

commented Mar 3, 2019

its dont take phone screen (( tablet laptop etc. work but phone dont show

@marafon16

This comment has been minimized.

Copy link

commented Mar 4, 2019

Thanks!

@AndresGol

This comment has been minimized.

Copy link

commented Mar 6, 2019

Pretty useful
Thanks

@gokulkrishh

This comment has been minimized.

Copy link
Owner Author

commented Mar 8, 2019

Thank you guys. I am really glad it helped you all 👍

@faysal146

This comment has been minimized.

Copy link

commented Mar 11, 2019

Thank you,

@Hanzyusuf

This comment has been minimized.

Copy link

commented Mar 12, 2019

Thanks man! :)

@felipemarques

This comment has been minimized.

Copy link

commented Mar 14, 2019

thanks man!

@baywij

This comment has been minimized.

Copy link

commented Mar 15, 2019

thanks man!!!

@cehillhyman

This comment has been minimized.

Copy link

commented Mar 15, 2019

Thank you!!! You are the bomb dot com!

@aced3

This comment has been minimized.

Copy link

commented Mar 19, 2019

thank u man!!!

@armelo24

This comment has been minimized.

Copy link

commented Mar 25, 2019

Thumbs up man. Merci !!

@cmwang-cottageclothing

This comment has been minimized.

Copy link

commented Mar 26, 2019

Thanks a lot.

@botnetdobbs

This comment has been minimized.

Copy link

commented Mar 27, 2019

Thanks mahn.

@takouarnauld

This comment has been minimized.

Copy link

commented Mar 30, 2019

Thanks a lot Sir.

@cesarlpb

This comment has been minimized.

Copy link

commented Mar 30, 2019

Thanks. Very useful!

@crownbackend

This comment has been minimized.

Copy link

commented Apr 4, 2019

Thanks, very util

@Sid200

This comment has been minimized.

Copy link

commented Apr 7, 2019

Thanks man! This was very helpful!!!

@Kehoe95

This comment has been minimized.

Copy link

commented Apr 9, 2019

thanks you very much God bless you

@pranshuchittora

This comment has been minimized.

Copy link

commented Apr 9, 2019

Thanku vary veery muuch

@pranshuchittora

This comment has been minimized.

Copy link

commented Apr 9, 2019

Thanku vary veery muuch

@AbdallahLabib95

This comment has been minimized.

Copy link

commented Apr 9, 2019

Thank you dear

@azerfer

This comment has been minimized.

Copy link

commented Apr 9, 2019

This is GOD CODE! thanks so much!

@tabekg

This comment has been minimized.

Copy link

commented Apr 10, 2019

Thanks, useful!

@satriobhirawa

This comment has been minimized.

Copy link

commented Apr 10, 2019

wow, thank you very much!

@legendarylejo

This comment has been minimized.

Copy link

commented Apr 11, 2019

Very useful... Thanks

@hugoewarrior

This comment has been minimized.

Copy link

commented Apr 13, 2019

Thanks! u re awesome!

@DerekErb

This comment has been minimized.

Copy link

commented Apr 13, 2019

This is an excellent reference. Thank you.

In this new period of ultra-high resolution screens I would add a "big screen" notion to allow for CSS-specific to that extra screen space.

/* Big Screen */
@media only screen and (min-device-width: 1920px) {
// CSS
}

@Munez-A

This comment has been minimized.

Copy link

commented Apr 15, 2019

thanks for that media@ God bless you

@Elias8

This comment has been minimized.

Copy link

commented Apr 16, 2019

Thanks.

@OlegLviv

This comment has been minimized.

Copy link

commented Apr 18, 2019

thanks

@SyeedHasan

This comment has been minimized.

Copy link

commented Apr 20, 2019

Is this still accurate? Thanks a bunch!

@Coyas

This comment has been minimized.

Copy link

commented Apr 23, 2019

good, i face a problem with retina on imac, how can i do that?

@jmurilloariza

This comment has been minimized.

Copy link

commented Apr 26, 2019

Gracias!

@webappswiz

This comment has been minimized.

Copy link

commented Apr 30, 2019

Thank you!

@benyou1969

This comment has been minimized.

Copy link

commented Apr 30, 2019

Thank u :)

@WajahatAnwar

This comment has been minimized.

Copy link

commented Apr 30, 2019

Thank you for this :)

@andrewfred

This comment has been minimized.

Copy link

commented May 1, 2019

Thanks bro:) you made my day.

@sabit990928

This comment has been minimized.

Copy link

commented May 3, 2019

Is it should be fixed to 480px?
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

//CSS

}

@taphams

This comment has been minimized.

Copy link

commented May 4, 2019

Thank you @gokulkrishh

@glevinzon

This comment has been minimized.

Copy link

commented May 6, 2019

thank you

@varshakhandre14

This comment has been minimized.

Copy link

commented May 8, 2019

Thank you!!!

@unknownerror321

This comment has been minimized.

Copy link

commented May 9, 2019

A big thanks

@olasoj

This comment has been minimized.

Copy link

commented May 12, 2019

Thanks.

@Madhubalajb

This comment has been minimized.

Copy link

commented May 16, 2019

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

Inside the CSS file... :)

@seansan

This comment has been minimized.

Copy link

commented May 24, 2019

does @media (min-width: 1025px) and (max-width: 1280px) for instance include both 1025 and 1280 or does it start from 1026 to 1279

in some comments it reads: between the numbers, other comments read from and until

@RGKrish183

This comment has been minimized.

Copy link

commented Jun 10, 2019

thanks Gokul

@AmalaAnistan

This comment has been minimized.

Copy link

commented Jun 13, 2019

Thanks Gokul - Nice work

@iLoveSarabear

This comment has been minimized.

Copy link

commented Jun 13, 2019

Thank you!

@dexios1

This comment has been minimized.

Copy link

commented Jun 20, 2019

Thanks a lot!

@rubdev

This comment has been minimized.

Copy link

commented Jun 24, 2019

Thanks Gokul!

@BrendonHenrique

This comment has been minimized.

Copy link

commented Jun 27, 2019

thanks a lot man! :D

@szyjaMRKN

This comment has been minimized.

Copy link

commented Jun 27, 2019

Good Job! Thanks :)

@MohammadMobasher

This comment has been minimized.

Copy link

commented Jun 30, 2019

thanks a lot man :)

@sranjanagi

This comment has been minimized.

Copy link

commented Jun 30, 2019

Thanks so much😊

@jessburling

This comment has been minimized.

Copy link

commented Jul 2, 2019

GOD BLESS YOU!!!!!!

@hiteshtare

This comment has been minimized.

Copy link

commented Jul 5, 2019

धन्यवाद :-)

@Samuel-Bie

This comment has been minimized.

Copy link

commented Jul 15, 2019

Thank you. Saved a day

@devtalha86

This comment has been minimized.

Copy link

commented Jul 18, 2019

thanx man, you saved time! keep up the good work

@eghojansu

This comment has been minimized.

Copy link

commented Jul 20, 2019

trying and fork this, thank you

@manumanoj0010

This comment has been minimized.

Copy link

commented Jul 23, 2019

Thank you very much dude saved a lot of time for me :)

@waslaw89

This comment has been minimized.

Copy link

commented Jul 29, 2019

Thanks, it works perfect!

@polley

This comment has been minimized.

Copy link

commented Jul 30, 2019

This is gold. Thank you

@Robiul26

This comment has been minimized.

Copy link

commented Jul 31, 2019

Thank you sir. It is really perfect.

@genbliz

This comment has been minimized.

Copy link

commented Aug 1, 2019

Thanks so much

@nicexavi

This comment has been minimized.

Copy link

commented Aug 2, 2019

Thanks man!

@david-j-m

This comment has been minimized.

Copy link

commented Aug 3, 2019

Do I include this css as is or do I need to remove / replace

//CSS

'cause it's being tagged as an error

@rajct

This comment has been minimized.

Copy link

commented Aug 8, 2019

Do I include this css as is or do I need to remove / replace

//CSS

'cause it's being tagged as an error

You need to replace that with your own CSS classes

@d0sch1

This comment has been minimized.

Copy link

commented Aug 14, 2019

Thank you dude quick and easy overview and help for any css project!

@ranjanrnj44

This comment has been minimized.

Copy link

commented Aug 18, 2019

Thanks, bro it helped me

@casphp

This comment has been minimized.

Copy link

commented Aug 18, 2019

Thanks!

@maba-media

This comment has been minimized.

Copy link

commented Aug 19, 2019

Thanks!

@Twolk

This comment has been minimized.

Copy link

commented Aug 20, 2019

Thank you

@sturm3nta

This comment has been minimized.

Copy link

commented Aug 21, 2019

const w = window.innerWidth;

export const dimensions = {
  isPhone: w >= 320 && w < 480,
  isTablet: w >= 480 && w < 768,
  isLargeTablet: w >= 768 && w < 1024,
  isDesktop: w >= 1024 && w < 1280,
  isLargeDesktop: w >= 1280
};

export default dimensions;
@kawagan

This comment has been minimized.

Copy link

commented Aug 23, 2019

thanks too much

@BaptisteBro

This comment has been minimized.

Copy link

commented Aug 24, 2019

thanks !

@mariodiazu60

This comment has been minimized.

Copy link

commented Aug 26, 2019

Awesome! Thanks 👍

@Tolyan4ik325

This comment has been minimized.

Copy link

commented Aug 26, 2019

Thanks a lot!

@khawajazaheer1

This comment has been minimized.

Copy link

commented Aug 28, 2019

Good one! Thankx 👍

@TechnoMindsdotcom

This comment has been minimized.

Copy link

commented Sep 1, 2019

You can add these:

/* ----------- iPad Pro ----------- /
/
Portrait and Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

@isthisstackoverflow

This comment has been minimized.

Copy link

commented Sep 13, 2019

thanks doc

@rischch

This comment has been minimized.

Copy link

commented Sep 13, 2019

thank you

@Thomas-Magane

This comment has been minimized.

Copy link

commented Sep 13, 2019

Thanks A lot.

@hackecord

This comment has been minimized.

Copy link

commented Sep 18, 2019

zhx

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.