If you want to have a space between two blocks, you will want to use the spacer block.
The Spacer Block’s toolbar consists of the following tools to customize each block:
You can transform a Spacer block into Columns or Group block.
Transforming to a Group block or Columns block will let you change the color of the Spacer.
Use the block-moving tools to move the spacer block up and down on the page. You can also use the six dots icon to drag and drop the Spacer Block and reposition it anywhere on the page.
These controls give you the option to copy, duplicate, edit your block as HTML, or remove your Spacer block from the page.
Every block has specific options in the right-hand sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon in the upper right corner of the screen to activate the sidebar.
In the Block menu, you can adjust the height of the spacer in pixels by typing the number in the box. You can also drag the blue circle to the right to increase the spacer's height, or to the left to decrease the spacer's height.