You can build a grid of flexible banners with this section.

Section settings

Setting	Description
Layout	Set the width of the section.
Desktop row height	Define the height of a single row on screens wider than 749 pixels.
Desktop spacing	Adjust the spacing between banners on screens wider than 749 pixels.
Mobile spacing	Adjust the spacing between banners on screens less than 750 pixels.
Hide the section on the storefront when all blocks are empty	On the storefront, hide the section when Image banners are without images, video blocks without video, and text-only blocks without text and heading. it is useful when working with metafields.
Enable section box layout	Display the section in a box style with box-shadow

Border settings

Setting	Description
Thickness	Adjust the thickness of the border.
Opacity	Adjust the opacity/transparency of the border.
Corner radius	Adjust the border-radius.

Setting	Description
Image	Pick or upload an image.
Mobile image	Override the main image on screens less than 750 pixels.
Image overlay opacity	Adjust the opacity/transparency of the overlay.
Heading	Set the title of the banner.
Heading size	Set the size of the heading.
Text	Add the description text.
Text style	Set the style of the description text.
Button label	The text displays on the button.
Button link	The URL that you want the button to link to.
Button style	Display the button as a solid button, outline button or a link.
DESKTOP LAYOUT	Configure the banner's layout on screens wider than 749 pixels.
Column	Adjust the number of columns for the banner.
Row	Adjust the number of rows for the banner. The height of a row that has been defined in the Section settings.
Desktop content position	Set the position of the content.
MOBILE LAYOUT	Configure the banner's layout on screens less than 750 pixels.
Banner height on mobile	Set the height of the banner.
Mobile content alignment	Align the content.
COLORS	Configure colors of text and button.