 Hi and welcome to WordPress. This is a tutorial on how to use the Spacer Block. I will be using the WordPress 2023 theme. Here is a list of the objectives for this tutorial. Add Spacer Blocks to your WordPress website. Use a variety of tools to enhance and style your Spacer Blocks. Use tools to resize the Spacer Block to exact dimensions. Move Spacer Blocks to different parts of your post, page, or site editor. Add a background color to a Spacer using the group block. I have set up a Spacer Block page and I've set up some headings, paragraphs, and images to show when a page has too much squish to it, things that are too close to each other. So we have the title and a paragraph, then a heading, two paragraphs, some images. You can see that there's very little space between the paragraph and the images. This is what it looks like now. This is what we're going to get to. So we have a little bit more space between the title and paragraph. I'm going to show how to add the Spacer Block here and actually give it some color. Then add another Spacer here to just let the page breathe a little bit and give the visitor a place for their eyes to rest when they're scrolling through. So we're going to go into the Edit Page Mode. I'm going to open up my List View. You can see I have different groups that I've put together. Group one is our heading and paragraphs. And then group two is a columns block. I have three columns. And so then each of those columns has an image within that. And the third group is another heading with paragraphs. I'm going to open up my Settings and Styling. With the Spacer Block, you have some limited styling within here. Here are the settings. You only have a height. You can change this to a toggle. The t-shirt size is small, medium, large. You can go into Pixel or you can use the toggle here. The styles, as of right now, only have a top and bottom margin that you are able to adjust. If you click on there, there's nothing available right now. Let's go ahead and add a Spacer. So we're going to start up here at our paragraph. We're going to click on the three dots and then scroll down and go to Add After. You'll see that your cursor is starting to flash and it says type backslash choose a block. So that's what we'll do, backslash type Spacer. And we'll click on that. And the defaults gives you 100 pixels, as you can see over here. I think that's a little too much for that space, so we're going to just adjust it a little bit. I want to be able to make it a little bit bigger so that you can see it when we see our main page. So probably I'll do 70. Click to update. Then we'll go to our main page and go back up to the section that we're editing. Make sure I refresh that page. You can see that there's now a space right there. Very simple to add. Our next section is between group one and group two where we have the images. This I'm going to do a little bit different. There's different ways of adding the Spacer block. So I'm going to click on that second group, which is right here. And I'm going to click on the three dots. I'm going to do the add before this time. Again, I can do the backslash or I can go up to the plus sign over here and type in the word Spacer. So those are two different ways of finding the Spacer block. Then just click on the X to return to the library. And then I can click on the three slashes up here to go back into MenListView. We can adjust the size here. I'm going to make this one a little bit bigger because we're going to take this one and do something fun with it. All right. Again, I said that there's no styling up here. Make sure I update this so that it appears. But what I can do is I have some basic tools here. I have the Spacer icon. I have a drag so I can drag it to different places. I could put it down here instead. This button, the move up, move down does the same thing. And then the third option is just your basic overall toolbar. But over here, if I click on here, I do have the option to make this block part of a column or part of a group. So we're going to make it a group. Now I'm in the group editing and you can see that over here. So I have another option and I can make it full width. I can make it the wide width and things like that. You can see in the ListView, the Spacer block is still there. It's just that it's within a group. So that group is giving me more. And I'm going to toggle off the inner block use content with because I want the Spacer block to go all across because I'm going to give it a background color. So I'm going to go over to my style and now I have the ability to add a color. I'm going to add that blue and then click update. We're going to go back to that page, refresh. And now we have our band, which is a Spacer. And we can always go back and adjust it if it's too big or too small. The last Spacer we're going to put after the images and before the heading. I'm going to highlight the group of images and I'm going to click on the three dots. I'm going to add after. I'm going to backslash Spacer. Click on that. Adjust this just a little bit. Hit the update. Go back to my main page and there I have another space. Please visit learn.wordpress.org for more learning experiences. Thank you.