- This topic has 11 replies, 4 voices, and was last updated 4 years, 6 months ago by
.
-
Posts
-
Is there any documentation about the grid system used by Generate Press? Say I want to make a three column layout in my content? I can’t seem to find anything that outlines that for the updated system.
Customer Support
Hi there,
Are you using the Gutenberg editor?
If so GenerateBlocks would be your best bet:
https://docs.generateblocks.com/article/grid-overview/No, I’m using the classic editor and would like to be able to write the HTML by hand. Are there grid classes (similar to Bootstrap or any other framework) available?
Are there grid classes (similar to Bootstrap or any other framework) available?
No – that’s one of the huge benefits of using the Flexbox version.
https://generatepress.com/forums/topic/recommended-css-framework/#post-1272825Gotcha. Seems like this is the answer I was looking for. I used that plugin to generate the columns w/ Gutenberg and then just copied the code.
wp-block-columns/wp-block-column and then style=”flex-basis:33.33%” etc.
I don’t believe there is an advantage to do that comparing to just use the blocks.
I would still recommend giving GenerateBlocks a shot. It’s pretty sweet.
Lots of examples in our site library:
https://generatepress.com/site-library/It’s a shame you don’t offer the option of using css grid. It’s very well supported and combined with flexbox is a perfect tool for creating interesting layouts.
What kind of layout are you referring to?
We believe you can use GenerateBlocks to create basically any layout which is using Flexbox.
I’m not suggesting flexbox can’t be used but css grid is accepted to be the better tool for layout purposes. Flexbox is lays out content on a linear dimension (one dimensional) whereas Grid is both horizontal and vertical. However if you use flexbox within a grid layout you have very powerful possibilites.
As Jen Simmons says:
“Grid makes actual columns and rows. Content will line up from one to the other, as you ask it to. Flexbox doesn’t. Not only in the second dimension (which is easiest to talk about), but also in the first dimension. Flexbox isn’t for most of the things we’ve been using it for.”
Customer Support
Hi there,
both Grid systems have their uses cases, advantages and disadvantages. With the ultimate option of using both together – as each has features the other does not.
In regards to the Theme, and after much trialling, there was no advantage for using CSS Grid, as we’re not dealing with complex layouts ( just header, primary area, sidebars and footer ). Flexbox in this instance was both lighter and easier to integrate with existing customizer UIs and for users to manipulate or overwrite it with custom CSS.
We do however apply CSS grid when supported, for example in the Woocommerce module for grid layouts. And it maybe something employed in other grids at a later date.
When it comes to content – the GenerateBlocks plugin is currently limited to Flexbox which covers the vast majority of responsive layouts. We feel that the GB Grid system adds a lot of value that other grid builders do not – such as flex-wrap, alignment and ordering – its not limited to single row sections like the majority of page builders.
We are looking at CSS Grid as a feature. The headache with CSS Grid is creating a UI that everyday users will be able to work with without a deep understanding of CSS Grid – which is why it still really suits custom developments.
Would it be possible to have an option for css grid as a toggle in the future? Similar to the way you now have float and flexbox layouts.
There is no plan for that currently but it could change in the future if there are more advantages.
- You must be logged in to reply to this topic.
