For mobiles, whats the best max-width for grid?

whats the pixel width for the new ipad/galaxy tab?

in my code I use 760px but I don’t know how wide the screen sizes for tablets.

I tried to look but can’t find px sizes.
I mean…can I rely on the resize in CodePen? I’m worried about how it will look.

I want to display this for mobile dev’s up to ipad/galaxy size…

thanks for your help!

768x1024 for Tablets, you can use orientations if required.

Hey @Randore

right now I have…


should I…

max-width: 768px;
max-width: 1024;


No, you can write the following.
@media screen and (min-width: 768px) and (max-width:1024px){ … } or
** " (max-width: 768px) and (orientation: portrait){ … }**
** " (max-width: 1024px) and (orientation: landscape) { … }**

You can get more media-queries rules from here

I’m coding for mobile first. so the only media queries i’ll make are for the desktop view(right? lol)

please look at my pen and see line 22 in the CSS
that’s what I was saying I wana change.