Materialize: [Request] Another screen size
Hi, is it possible to add another screen size for 1200px and larger? It would allow better responsive design. Thanks :)
MarhyCZ
All 37 comments
+1 I would also like it!
linusodenring
on 8 Feb 2015
Now we are two :D
MarhyCZ
on 8 Feb 2015
On my side I would like a xs for phone, 600px is more for tablet. I would say 360px or something around that. Thanks!
KBoisvert
on 10 Feb 2015
I think that is the whole point, below 600px will be a phone, between 600 and 990 (or whatever it is) it would be tablets.
carlosperate
on 10 Feb 2015
ok I might be using a wrong way to test when I just resize my browser. When I see my site at 500 for exemple, it doesn't make sense to have my box align on one column but at this size it would be a phone in a landscape size so it make sense then. Thanks, I'll see it differently now :)
KBoisvert
on 10 Feb 2015
Just want to make my request clear :) - that interval 900-1200px would be for pc with smaller screens, because there are still 1024x768 out there(especially in my school where I want to use it).
MarhyCZ
on 10 Feb 2015
Imo the limit for desktop is right there, 1024. The number of display resolutions above 1366 is growing fast. 992px is way to small for a desktop, would be nice to have a xl (maybe above 1280 or 1366)
"As of today, 99% of our visitors have a screen resolution of 1024x768 pixels or higher:" W3Schools.com
Licorb
on 10 Feb 2015
A 600px cutoff allows it to encompass all phones (iPhone5 has a width of 568px). We may look into extra large screen size
Dogfalo
on 11 Feb 2015
@MarhyCZ i can create large screen size :p
Demo here http://jsfiddle.net/mxzuuknz/1/
Screen size with .sl = large size > 1200px
.s .m .l .sl
Amonstyle
on 12 May 2015
Nice! That's exactly what I intended. Great work! :)
MarhyCZ
on 12 May 2015
just wrong link sorry demo here http://jsfiddle.net/mxzuuknz/1/
Amonstyle
on 12 May 2015
+1 for an extra large size
ramijarrar
on 3 Jul 2015
+1 This would be neat.
yaserjarrar
on 3 Jul 2015
+1 for both an xl and an xs size for >1200 and <360 respectively.
serkandurusoy
on 13 Jul 2015
Altough @Amonstyle solution is working, it would be nice to have it baked right into the official materializecss :)
MarhyCZ
on 13 Jul 2015
+1
+1 for both an xl and an xs size for >1200 and <360 respectively.
CNSKnight
on 5 Aug 2015
+1
Bana0615
on 13 Aug 2015
+1
foocp
on 19 Aug 2015
+1
coderoffortune
on 2 Nov 2015
Thanks for CNSKnight..
+1 for both an xl and an xs size for >1200 and <360 respectively.
WebStar007
on 3 Nov 2015
+1
RoarG
on 22 Jan 2016
+1
zanechua
on 9 Feb 2016
+1 for both an xl and an xs size for >1200 and <360 respectively. this fw would be so much better if the grid was updated. Keep up the good work!!
Bana0615
on 19 Feb 2016
+1
gabga
on 1 Mar 2016
+1
ingmferrer
on 11 Mar 2016
+1, difference between 1000px and 1200px is huge.
radarsu
on 28 Apr 2016
+1
mayvazyan
on 5 Jun 2016
Not sure why this still isn't default.
zanechua
on 7 Jul 2016
+1
ianarsenault
on 7 Jul 2016
+1 do it please !
sebastienvermeille
on 21 Aug 2016
+1
jansent
on 3 Nov 2016
+1...
niittymaa
on 25 Nov 2016
+1
damianbartos
on 7 Jan 2017
+1
AGPDev
on 9 Feb 2017
Added in 104da64
acburst
on 2 Mar 2017
Hi is the screen size customizable ? I mean can I create my own grid for screen size 1300px and above ? If yes how ? If no then what tweak can I use to achieve that. Thanks!
agarwalvinit
on 24 Mar 2017
I face problem on lower size device compared to higher size. I feel, to solve the problem if there is smaller size option like bootstrap will be good.
- Extra Small
- Small
- medium
- Large
- Extra Large
karthiksen92
on 26 Jan 2018
Related issues
alexknipfer
路
3Comments
bradley-varol
路
3Comments
MickaelH974
路
3Comments
Robouste
路
3Comments
SoproniOli713
路
3Comments
Most helpful comment
Added in 104da64