Compare a post built with Fizzie with a post built with Genesis-a2z.
At the WordPress Portsmouth Online Meetup in October one of the questions that was asked was “Is there a way to create responsive columns where the text flows?”
Here is an example that you may find useful to create Multi column lists.
Here is an example of a Paragraph block that has been styled to be displayed in two columns. For more information on the CSS you can use to make the columns work responsively see the link below. Similar CSS should also apply for lists. You can also apply the logic to the group block, creating the effects seen in the guide. This example uses a Custom CSS block CSS – oik-css/css to write the CSS code to style the paragraph block. The Additional CSS classname (
col2 ) is used to apply the formatting to this paragraph.
Here is an example of a Paragraph block that has been styled to be displayed in columns with a minimum width of 150px. The number of columns is not specified. The browser calculates how many columns it can display. The Additional CSS classname (
colw150 ) is used to apply the formatting to this paragraph. See the CSS below. Note: The CSS gets applied in both the block editor and the front end. It can make editing the content interesting.
Helps you to document tool icons for a block.
v0.2.0 delivers 4 blocks.
- Here is an ordered list
- Going backwards
- From -9
- There may be a use for this