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

Aagbator commented Jun 5, 2017

thanks

@realericmih

This comment has been minimized.

Copy link

realericmih commented Jul 27, 2017

Thanks for that

@maggenti

This comment has been minimized.

Copy link

maggenti commented Aug 17, 2017

Finally, thanks

@shaon12332

This comment has been minimized.

Copy link

shaon12332 commented Sep 10, 2017

thanks

@newsapkota

This comment has been minimized.

Copy link

newsapkota commented Sep 27, 2017

thanks

@mohsinalimohsin

This comment has been minimized.

Copy link

mohsinalimohsin commented Oct 6, 2017

Awesome. Thanks

@Ultimadei

This comment has been minimized.

Copy link

Ultimadei commented Oct 29, 2017

This is great, thanks

@joelfranco89

This comment has been minimized.

Copy link

joelfranco89 commented Nov 4, 2017

Thanks!

@RockiRider

This comment has been minimized.

Copy link

RockiRider commented Nov 20, 2017

What a godsend

@NicholasBracey

This comment has been minimized.

Copy link

NicholasBracey commented Nov 24, 2017

Thank you!

@rdub2008

This comment has been minimized.

Copy link

rdub2008 commented Nov 26, 2017

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

@avatarvb

This comment has been minimized.

Copy link

avatarvb commented Dec 4, 2017

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

@Madhubalajb

This comment has been minimized.

Copy link

Madhubalajb commented Dec 19, 2017

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

@abSarpong

This comment has been minimized.

Copy link

abSarpong commented Jan 6, 2018

Thank you very much

@hitechqb

This comment has been minimized.

Copy link

hitechqb commented Jan 12, 2018

Thank you so much

@ebouchard91

This comment has been minimized.

Copy link

ebouchard91 commented Jan 18, 2018

You, dear sir, are the best

@lumen-creative

This comment has been minimized.

Copy link

lumen-creative commented Jan 27, 2018

Major time saver. Thank you!

@mayanktestweb

This comment has been minimized.

Copy link

mayanktestweb commented Jan 28, 2018

wow sir thank you so so much

@sekoudosso82

This comment has been minimized.

Copy link

sekoudosso82 commented Jan 29, 2018

Thanks maestro

@crtjr64

This comment has been minimized.

Copy link

crtjr64 commented Feb 11, 2018

Ditto

@rimatla

This comment has been minimized.

Copy link

rimatla commented Feb 19, 2018

Yes sir, Thank you!

@jesraygarciano

This comment has been minimized.

Copy link

jesraygarciano commented Feb 21, 2018

Thanks

@JoshuaDouce

This comment has been minimized.

Copy link

JoshuaDouce commented Feb 25, 2018

Thankyou

@shriram2017

This comment has been minimized.

Copy link

shriram2017 commented Feb 26, 2018

It helped me a lot. Thanks

@Lytiuga

This comment has been minimized.

Copy link

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.

Copy link

vvavdiya commented Feb 28, 2018

Thanks

@chipprogrammers

This comment has been minimized.

Copy link

chipprogrammers commented Mar 2, 2018

Thank you.. so much...

@MistyBlunch

This comment has been minimized.

Copy link

MistyBlunch commented Mar 9, 2018

Than you so much 👍

@iamprakasam

This comment has been minimized.

Copy link

iamprakasam commented Mar 10, 2018

Good one and thanks!

@SandraMarcelaHerrerraArriaga

This comment has been minimized.

Copy link

SandraMarcelaHerrerraArriaga commented Mar 14, 2018

Really works. Thanks!!!

@Enirate

This comment has been minimized.

Copy link

Enirate commented Mar 16, 2018

Thanks man.

@247rahimab

This comment has been minimized.

Copy link

247rahimab commented Apr 1, 2018

Thanks a lot. Very useful resources.

@AllanMwirigi

This comment has been minimized.

Copy link

AllanMwirigi commented Apr 18, 2018

Awesome, man. Thanks a lot

@YK7479

This comment has been minimized.

Copy link

YK7479 commented Apr 25, 2018

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

@Shashi99rocky

This comment has been minimized.

@lakerko

This comment has been minimized.

Copy link

lakerko commented May 9, 2018

Thank you.

@LuthandoE

This comment has been minimized.

Copy link

LuthandoE commented May 28, 2018

You are a legend!

@mugtin

This comment has been minimized.

Copy link

mugtin commented May 29, 2018

Thank you

@AlexisThink

This comment has been minimized.

Copy link

AlexisThink 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

idedalusse commented Jun 7, 2018

thank you very much

@carocromatica

This comment has been minimized.

Copy link

carocromatica commented Jun 7, 2018

Thank you! 👍

@DHWP

This comment has been minimized.

Copy link

DHWP commented Jun 14, 2018

Cheers : -)

@dagenius007

This comment has been minimized.

Copy link

dagenius007 commented Jun 17, 2018

really helpful thanks alot

@kathy330

This comment has been minimized.

Copy link

kathy330 commented Jun 21, 2018

Thanks, it helps me a lot.

@suresh-borad

This comment has been minimized.

Copy link

suresh-borad commented Jun 22, 2018

Very helpful awesome man 💯

@ghost

This comment has been minimized.

Copy link

ghost commented Jun 23, 2018

Thank you!

@abiamarulloh

This comment has been minimized.

Copy link

abiamarulloh commented Jun 23, 2018

thank

@duongthienlee

This comment has been minimized.

Copy link

duongthienlee commented Jun 30, 2018

Awesome man! Thank you!

@jbbelerma

This comment has been minimized.

Copy link

jbbelerma commented Jul 3, 2018

Thanks!

@gokulkrishh

This comment has been minimized.

Copy link
Owner Author

gokulkrishh commented Jul 10, 2018

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

@abhijithvijayan

This comment has been minimized.

Copy link

abhijithvijayan commented Jul 13, 2018

Life saver dude, technically

@MichaelVanStan

This comment has been minimized.

Copy link

MichaelVanStan commented Jul 19, 2018

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

@chaosthunder

This comment has been minimized.

Copy link

chaosthunder commented Jul 23, 2018

Nice, dude.

@YvaneChristopher

This comment has been minimized.

Copy link

YvaneChristopher commented Jul 30, 2018

Thank you dude.

@Smon5

This comment has been minimized.

Copy link

Smon5 commented Aug 2, 2018

Excellent! thank you

@isaadabbasi

This comment has been minimized.

Copy link

isaadabbasi commented Aug 10, 2018

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

@calindotgabriel

This comment has been minimized.

Copy link

calindotgabriel commented Aug 13, 2018

ty!

@chisinhong

This comment has been minimized.

Copy link

chisinhong commented Aug 15, 2018

thanks

@chiliexe

This comment has been minimized.

Copy link

chiliexe commented Aug 19, 2018

thank man

@fathandanklowor

This comment has been minimized.

Copy link

fathandanklowor commented Aug 19, 2018

thanks man !

@lucas-ol

This comment has been minimized.

Copy link

lucas-ol commented Aug 29, 2018

Valeu

@m3rlin94

This comment has been minimized.

Copy link

m3rlin94 commented Aug 30, 2018

You are a life saver!! thanks man.

@HamSungJun

This comment has been minimized.

Copy link

HamSungJun commented Sep 2, 2018

awesome. good.

@afelopez

This comment has been minimized.

Copy link

afelopez commented Sep 5, 2018

That's awesome!! Thanks!

@GawiSh97

This comment has been minimized.

Copy link

GawiSh97 commented Sep 8, 2018

Great Job, Thanks man!

@khnwr

This comment has been minimized.

Copy link

khnwr commented Sep 15, 2018

mantap bro, sangat bermangpaat

@jechasteen

This comment has been minimized.

Copy link

jechasteen commented Sep 16, 2018

Thanks! This was exactly what I was looking for.

@felixbengtsson

This comment has been minimized.

Copy link

felixbengtsson commented Sep 16, 2018

Thanks

@sangumee

This comment has been minimized.

Copy link

sangumee commented Sep 17, 2018

Thanks for the help!

@madMAx43v3r

This comment has been minimized.

Copy link

madMAx43v3r commented Sep 17, 2018

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

@JavaGuy12

This comment has been minimized.

Copy link

JavaGuy12 commented Sep 18, 2018

Thank you so much! This will prove very helpful!

@lakshanofficial

This comment has been minimized.

Copy link

lakshanofficial commented Sep 20, 2018

Thank this this very helpful

@dusanmedic

This comment has been minimized.

Copy link

dusanmedic commented Sep 20, 2018

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

@varnit-abraham

This comment has been minimized.

Copy link

varnit-abraham commented Sep 22, 2018

This is really helpful. Thanks.

@James-Daniel01

This comment has been minimized.

Copy link

James-Daniel01 commented Sep 24, 2018

Thanks a lot :)

@MhamedEl-shahawy

This comment has been minimized.

Copy link

MhamedEl-shahawy commented Sep 26, 2018

Thank you, great work -:)

@JavedKhanUI

This comment has been minimized.

Copy link

JavedKhanUI commented Sep 26, 2018

Thanks

@hmtanbir

This comment has been minimized.

Copy link

hmtanbir commented Sep 28, 2018

Thanks a lot.

@nicollasmatheus

This comment has been minimized.

Copy link

nicollasmatheus commented Oct 1, 2018

thanks

@ajaykumar22

This comment has been minimized.

Copy link

ajaykumar22 commented Oct 1, 2018

Thank you.. so much...

@ryoboua

This comment has been minimized.

Copy link

ryoboua commented Oct 2, 2018

thanks man!

@Lucif3rRules

This comment has been minimized.

Copy link

Lucif3rRules 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

teffcode commented Oct 12, 2018

Thanks <3

@h3nr1ke

This comment has been minimized.

Copy link

h3nr1ke commented Oct 19, 2018

Thanks (=

@ahmadraza47

This comment has been minimized.

Copy link

ahmadraza47 commented Oct 20, 2018

Great. Weldone.

@marcusflat

This comment has been minimized.

Copy link

marcusflat commented Oct 26, 2018

Really helpful, Thanks!

@truongcuong90

This comment has been minimized.

Copy link

truongcuong90 commented Nov 1, 2018

Thanks so much...

@zephyrmike

This comment has been minimized.

Copy link

zephyrmike commented Nov 1, 2018

Thank you, this is a great resource

@whoissane

This comment has been minimized.

Copy link

whoissane commented Nov 8, 2018

Thank you

@Kulasekaransekar

This comment has been minimized.

Copy link

Kulasekaransekar commented Nov 16, 2018

Thanks a lot.. Really Helpfullll

@mokeam

This comment has been minimized.

Copy link

mokeam commented Nov 19, 2018

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

@mahimusa

This comment has been minimized.

Copy link

mahimusa commented Nov 22, 2018

thanks a million

@SimplePotato

This comment has been minimized.

Copy link

SimplePotato 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

qw893821 commented Nov 25, 2018

thanks

@Ketchadaprons

This comment has been minimized.

Copy link

Ketchadaprons commented Nov 27, 2018

Thanks

@AdriaRios

This comment has been minimized.

Copy link

AdriaRios commented Nov 27, 2018

Thanks!

@wiwats

This comment has been minimized.

Copy link

wiwats commented Dec 3, 2018

Thank you

@zenVentzi

This comment has been minimized.

Copy link

zenVentzi commented Dec 7, 2018

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

@protocorenet

This comment has been minimized.

Copy link

protocorenet commented Dec 9, 2018

This is awesome, Thank you

@probuse

This comment has been minimized.

Copy link

probuse commented Dec 10, 2018

great resource, thanks

@wahabxada

This comment has been minimized.

Copy link

wahabxada commented Dec 13, 2018

saving time thanks for that

@A1K2S3

This comment has been minimized.

Copy link

A1K2S3 commented Dec 13, 2018

Thanks Buddy, It helped alot ;)

@anagranados

This comment has been minimized.

Copy link

anagranados commented Dec 20, 2018

Thanks a lot

@morexwell

This comment has been minimized.

Copy link

morexwell commented Dec 20, 2018

thank you

@shivamsharmabtp

This comment has been minimized.

Copy link

shivamsharmabtp commented Dec 24, 2018

thanks

@fordchastain

This comment has been minimized.

Copy link

fordchastain commented Dec 27, 2018

yes! thank you.

@kasongoyo

This comment has been minimized.

Copy link

kasongoyo commented Jan 5, 2019

Thanks

@Ncamacho2

This comment has been minimized.

Copy link

Ncamacho2 commented Jan 9, 2019

thank you.

@Attaulla9

This comment has been minimized.

Copy link

Attaulla9 commented Jan 11, 2019

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

@abilayi

This comment has been minimized.

Copy link

abilayi 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

ta-riq 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

manavjha commented Jan 15, 2019

Just Awsome :-)

@Ni-c0de-mus

This comment has been minimized.

Copy link

Ni-c0de-mus commented Jan 22, 2019

Thanks buddy ;o) Top Job!!!

@MicahBala

This comment has been minimized.

Copy link

MicahBala commented Jan 23, 2019

This is good. Thanks

@supernathanho

This comment has been minimized.

Copy link

supernathanho commented Jan 24, 2019

thanks alot

@ShubhamAmbhore

This comment has been minimized.

Copy link

ShubhamAmbhore commented Jan 25, 2019

thanks

@embashgit

This comment has been minimized.

Copy link

embashgit commented Feb 2, 2019

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

@jnandritsilavo

This comment has been minimized.

Copy link

jnandritsilavo commented Feb 6, 2019

Thanks

@eschocolat

This comment has been minimized.

Copy link

eschocolat commented Feb 7, 2019

Thanks

@juanlet

This comment has been minimized.

Copy link

juanlet commented Feb 10, 2019

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

@arbaazshaikh919

This comment has been minimized.

Copy link

arbaazshaikh919 commented Feb 12, 2019

Superb. Thanks

@poonamsaroj

This comment has been minimized.

Copy link

poonamsaroj commented Feb 13, 2019

Thank you so much....

@akkariyassine

This comment has been minimized.

Copy link

akkariyassine commented Feb 13, 2019

thank you man

@jaredscheib

This comment has been minimized.

Copy link

jaredscheib commented Feb 14, 2019

thanks!

@pkiula

This comment has been minimized.

Copy link

pkiula 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

jhibbitt commented Feb 17, 2019

This is great.
Thank you

@premisha

This comment has been minimized.

Copy link

premisha commented Feb 19, 2019

Helpful. Thanks!

@CreativeArtDev

This comment has been minimized.

Copy link

CreativeArtDev commented Feb 19, 2019

Thanks! Great.

@anho-groove

This comment has been minimized.

Copy link

anho-groove commented Feb 21, 2019

Great! Thanks

@afandilham

This comment has been minimized.

Copy link

afandilham commented Feb 21, 2019

Helpful! Thank you so much

@nagipogu

This comment has been minimized.

Copy link

nagipogu commented Feb 26, 2019

Thanks alot. God bless you

@chrisblakely01

This comment has been minimized.

Copy link

chrisblakely01 commented Feb 26, 2019

Thanks!

@eslamabdo164

This comment has been minimized.

Copy link

eslamabdo164 commented Mar 2, 2019

Very useful .
Thanks

@MrFerid

This comment has been minimized.

Copy link

MrFerid 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

marafon16 commented Mar 4, 2019

Thanks!

@AndresGol

This comment has been minimized.

Copy link

AndresGol commented Mar 6, 2019

Pretty useful
Thanks

@gokulkrishh

This comment has been minimized.

Copy link
Owner Author

gokulkrishh commented Mar 8, 2019

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

@faysal146

This comment has been minimized.

Copy link

faysal146 commented Mar 11, 2019

Thank you,

@Hanzyusuf

This comment has been minimized.

Copy link

Hanzyusuf commented Mar 12, 2019

Thanks man! :)

@felipemarques

This comment has been minimized.

Copy link

felipemarques commented Mar 14, 2019

thanks man!

@baywij

This comment has been minimized.

Copy link

baywij commented Mar 15, 2019

thanks man!!!

@cehillhyman

This comment has been minimized.

Copy link

cehillhyman commented Mar 15, 2019

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

@aced3

This comment has been minimized.

Copy link

aced3 commented Mar 19, 2019

thank u man!!!

@armelo24

This comment has been minimized.

Copy link

armelo24 commented Mar 25, 2019

Thumbs up man. Merci !!

@cmwang-cottageclothing

This comment has been minimized.

Copy link

cmwang-cottageclothing commented Mar 26, 2019

Thanks a lot.

@botnetdobbs

This comment has been minimized.

Copy link

botnetdobbs commented Mar 27, 2019

Thanks mahn.

@takouarnauld

This comment has been minimized.

Copy link

takouarnauld commented Mar 30, 2019

Thanks a lot Sir.

@cesarlpb

This comment has been minimized.

Copy link

cesarlpb commented Mar 30, 2019

Thanks. Very useful!

@crownbackend

This comment has been minimized.

Copy link

crownbackend commented Apr 4, 2019

Thanks, very util

@Sid200

This comment has been minimized.

Copy link

Sid200 commented Apr 7, 2019

Thanks man! This was very helpful!!!

@Kehoe95

This comment has been minimized.

Copy link

Kehoe95 commented Apr 9, 2019

thanks you very much God bless you

@pranshuchittora

This comment has been minimized.

Copy link

pranshuchittora commented Apr 9, 2019

Thanku vary veery muuch

@pranshuchittora

This comment has been minimized.

Copy link

pranshuchittora commented Apr 9, 2019

Thanku vary veery muuch

@AbdallahLabib95

This comment has been minimized.

Copy link

AbdallahLabib95 commented Apr 9, 2019

Thank you dear

@azerfer

This comment has been minimized.

Copy link

azerfer commented Apr 9, 2019

This is GOD CODE! thanks so much!

@tabekg

This comment has been minimized.

Copy link

tabekg commented Apr 10, 2019

Thanks, useful!

@satriobhirawa

This comment has been minimized.

Copy link

satriobhirawa commented Apr 10, 2019

wow, thank you very much!

@legendarylejo

This comment has been minimized.

Copy link

legendarylejo commented Apr 11, 2019

Very useful... Thanks

@hugoewarrior

This comment has been minimized.

Copy link

hugoewarrior commented Apr 13, 2019

Thanks! u re awesome!

@DerekErb

This comment has been minimized.

Copy link

DerekErb 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

Munez-A commented Apr 15, 2019

thanks for that media@ God bless you

@Elias8

This comment has been minimized.

Copy link

Elias8 commented Apr 16, 2019

Thanks.

@OlegLviv

This comment has been minimized.

Copy link

OlegLviv commented Apr 18, 2019

thanks

@SyeedHasan

This comment has been minimized.

Copy link

SyeedHasan commented Apr 20, 2019

Is this still accurate? Thanks a bunch!

@Coyas

This comment has been minimized.

Copy link

Coyas 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

jmurilloariza commented Apr 26, 2019

Gracias!

@webappswiz

This comment has been minimized.

Copy link

webappswiz commented Apr 30, 2019

Thank you!

@benyou1969

This comment has been minimized.

Copy link

benyou1969 commented Apr 30, 2019

Thank u :)

@WajahatAnwar

This comment has been minimized.

Copy link

WajahatAnwar commented Apr 30, 2019

Thank you for this :)

@andrewfred

This comment has been minimized.

Copy link

andrewfred commented May 1, 2019

Thanks bro:) you made my day.

@sabit990928

This comment has been minimized.

Copy link

sabit990928 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

taphams commented May 4, 2019

Thank you @gokulkrishh

@glevinzon

This comment has been minimized.

Copy link

glevinzon commented May 6, 2019

thank you

@varshakhandre14

This comment has been minimized.

Copy link

varshakhandre14 commented May 8, 2019

Thank you!!!

@unknownerror321

This comment has been minimized.

Copy link

unknownerror321 commented May 9, 2019

A big thanks

@olasoj

This comment has been minimized.

Copy link

olasoj commented May 12, 2019

Thanks.

@Madhubalajb

This comment has been minimized.

Copy link

Madhubalajb 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

seansan 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

RGKrish183 commented Jun 10, 2019

thanks Gokul

@AmalaAnistan

This comment has been minimized.

Copy link

AmalaAnistan commented Jun 13, 2019

Thanks Gokul - Nice work

@iLoveSarabear

This comment has been minimized.

Copy link

iLoveSarabear commented Jun 13, 2019

Thank you!

@dexios1

This comment has been minimized.

Copy link

dexios1 commented Jun 20, 2019

Thanks a lot!

@rubdev

This comment has been minimized.

Copy link

rubdev commented Jun 24, 2019

Thanks Gokul!

@BrendonHenrique

This comment has been minimized.

Copy link

BrendonHenrique commented Jun 27, 2019

thanks a lot man! :D

@szyjaMRKN

This comment has been minimized.

Copy link

szyjaMRKN commented Jun 27, 2019

Good Job! Thanks :)

@MohammadMobasher

This comment has been minimized.

Copy link

MohammadMobasher commented Jun 30, 2019

thanks a lot man :)

@sranjanagi

This comment has been minimized.

Copy link

sranjanagi commented Jun 30, 2019

Thanks so much😊

@jessburling

This comment has been minimized.

Copy link

jessburling commented Jul 2, 2019

GOD BLESS YOU!!!!!!

@hiteshtare

This comment has been minimized.

Copy link

hiteshtare commented Jul 5, 2019

धन्यवाद :-)

@Samuel-Bie

This comment has been minimized.

Copy link

Samuel-Bie commented Jul 15, 2019

Thank you. Saved a day

@devtalha86

This comment has been minimized.

Copy link

devtalha86 commented Jul 18, 2019

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

@eghojansu

This comment has been minimized.

Copy link

eghojansu commented Jul 20, 2019

trying and fork this, thank you

@manumanoj0010

This comment has been minimized.

Copy link

manumanoj0010 commented Jul 23, 2019

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

@waslaw89

This comment has been minimized.

Copy link

waslaw89 commented Jul 29, 2019

Thanks, it works perfect!

@polley

This comment has been minimized.

Copy link

polley commented Jul 30, 2019

This is gold. Thank you

@Robiul26

This comment has been minimized.

Copy link

Robiul26 commented Jul 31, 2019

Thank you sir. It is really perfect.

@genbliz

This comment has been minimized.

Copy link

genbliz commented Aug 1, 2019

Thanks so much

@nicexavi

This comment has been minimized.

Copy link

nicexavi commented Aug 2, 2019

Thanks man!

@david-j-m

This comment has been minimized.

Copy link

david-j-m 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

rajct 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

d0sch1 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

ranjanrnj44 commented Aug 18, 2019

Thanks, bro it helped me

@casphp

This comment has been minimized.

Copy link

casphp commented Aug 18, 2019

Thanks!

@maba-media

This comment has been minimized.

Copy link

maba-media commented Aug 19, 2019

Thanks!

@Twolk

This comment has been minimized.

Copy link

Twolk commented Aug 20, 2019

Thank you

@sturm3nta

This comment has been minimized.

Copy link

sturm3nta 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

kawagan commented Aug 23, 2019

thanks too much

@BaptisteBro

This comment has been minimized.

Copy link

BaptisteBro commented Aug 24, 2019

thanks !

@mariodiazu60

This comment has been minimized.

Copy link

mariodiazu60 commented Aug 26, 2019

Awesome! Thanks 👍

@Tolyan4ik325

This comment has been minimized.

Copy link

Tolyan4ik325 commented Aug 26, 2019

Thanks a lot!

@khawajazaheer1

This comment has been minimized.

Copy link

khawajazaheer1 commented Aug 28, 2019

Good one! Thankx 👍

@TechnoMindsdotcom

This comment has been minimized.

Copy link

TechnoMindsdotcom 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

isthisstackoverflow commented Sep 13, 2019

thanks doc

@rischch

This comment has been minimized.

Copy link

rischch commented Sep 13, 2019

thank you

@Thomas-Magane

This comment has been minimized.

Copy link

Thomas-Magane commented Sep 13, 2019

Thanks A lot.

@hackecord

This comment has been minimized.

Copy link

hackecord commented Sep 18, 2019

zhx

@laracode1234

This comment has been minimized.

Copy link

laracode1234 commented Sep 23, 2019

Thanks best washes

@sandhyaweb

This comment has been minimized.