[Resolved] Another Grid Question

[Chad Biggs]

The only grid I have been using is like “grid-50”, but there many any other variations of the grid like mobile, tablet, push, suffix. Can you explain the grid or is there documentation? I would like to make life easier but I am not sure what the best practices are for the grid layout. Is the mobile and tablet grid intended to replace the media queries?

-Chad

[Jamal]

Hi Chad

GP uses unsemantic grid and you can read the documentation here https://unsemantic.com/css-documentation
See also this cool demo https://unsemantic.com/demo-responsive.

If you use only grid-50, grid-30 and so on, they will all be grid-100 on tablet and mobile. You can use mobile-grid-50 and tablet-grid-30 etc to specify the grid width on mobile and tablet respectively.

[Leo]

Thanks Jamal!

[Chad Biggs]

Thank you Jamal! That was exactly what I was looking for.

[Author]

Posts