Archived topic
Another Grid Question
3 replies · Started by Chad Biggs on July 17, 2017
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
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.
Thanks Jamal!
Thank you Jamal! That was exactly what I was looking for.
