Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don’t want huge gaps all down your page.
This is the group block with no alignment and Color Signal set to ‘none’. It should space and align the same with the paragraph text above, without any padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is a group block with a Color Signal higher than ‘none’ and with no alignment. The outer border should align the default paragraph text, while the text inside should have some padding around. Lorem ipsum about the group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
Group blocks inside the Supernova block content
Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don’t want huge gaps all down your page.
This is the group block with no alignment and Color Signal to ‘none’. It should align the same with the paragraph text above and the background should be transparent to blend with the Hero. Lorem ipsum about the Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is a group block with a Color Signal higher than ‘none’ and with no alignment. The outer border should align the default paragraph text, while the text inside should have some padding around. Lorem ipsum about the group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is the same group block above the Hero block to test the spacing between them. So a block with a Color Signal higher than ‘none’ and with no alignment. The outer border should align the default paragraph text, while the text inside should have some padding around.
This is the group block with wide alignment and Color Signal to ‘none’. The text should align the same with the image block above. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is a group block with a Color Signal higher than ‘none’ and wide width alignment. The outer border should align the default paragraph text, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is a Group block outside the Sidecar block with a color signal higher than ‘none’ and wide width alignment. The outer border should align the Sidecar container, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is the group block with full-width alignment and color signal to none. The text should align the same with the first image block above. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
This is a group block with a color signal higher than ‘none’ and full-width alignment. The outer border should align with the browser edges, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.
