Archived topic
Documentation : Grid System and Column Classes needed
4 replies · Started by Benjamin on May 25, 2017
Hey,
I'm pretty sure GP column classes can be reused. We really need a simple page with the documentation about the grid system and column classes we can reuse.
Basically just like that: https://gist.github.com/studiopress/5700003
I've been googling around for 10 minutes without finding the correct page for generatepress.
It's just a must have, it cannot be skipped...
Cheers,
PS: from an SEO point of view, just make sure it's named "Generatepress column classes & grid system" or the like so it'll show up without searching much.
Oh, I forgot to add : I do not want to add shortcodes !!
Hi there,
I agree a documentation page would be nice.
Basically this is all you need to do though:
<div class="grid-33 tablet-grid-50 mobile-grid-100">
One quick example: https://generatepress.com/forums/topic/logo-search/#post-316731
Some useful classes: hide-on-desk hide-on-tablet hide-on-mobile
If you search for "grid-" or "grid-33" in the forum you should find lots other examples as well.
Let me know if you need more info :)
Also, GP uses the Unsemantic framework so you can see a diagram and explanation of the Grid System/Classes here:
https://unsemantic.com/demo-responsive
https://unsemantic.com/css-documentation
Thanks @Andy looks like I forgot to wrap my columns in the container class !