A Box Container is useful for grouping several content cards together. A box will sit in between the left and right page margins.
When you first add a Box Container onto a page it will be empty:

You can then drag Content Cards into the Box Container:

Box Container Menu
The blue Box Container menu appears when you click on a box within the page. These are the available options in the Container Box menu:

Background Color
Give the box a background color to help it stand out on the page.

Space Before
If you want to increase or decrease the empty space above a box, use this slider.
Space After
If you want to increase or decrease the empty space below a box, use this slider.
Padding
If you want to increase or decrease the amount of space between the edge of a box and the contents within it you can use the padding controls.
Large padding:

No padding:

Borders
To add borders around your box, select an option from the Border Style list and set the Border Width on each side to at least 1.

Border Color
You can change the color of the border with this option.