The card component grid is used to help organize two or more Card Components in a container that ensures the card components scale in width and height proportionately to each other. This should be used over organizing multiple Card Components with the column block.

Find Your Way Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Header Goes Here

Your text here. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

How to Use

Screenshot of Card Component Grid settings.
  • Once the block has been added to the editor, click on the Add a Card Component to add your first component. Continue to add components until you reach the number that you want to group together. You will note that the Card Components will auto-size in width and height to match the corresponding Card Components present. The components will automatically wrap to the next row based on the container/viewport’s size.
  • For more information about the Card Component, go to its reference page.