Card Group
![](https://docs.zingy.ai/~gitbook/image?url=https%3A%2F%2F3401585094-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmnBepgycwgisXr9ya1N4%252Fuploads%252FwpX6Db6oqr8wTooafBFc%252Fimage.png%3Falt%3Dmedia%26token%3D74523d11-433e-4354-94e1-b93057655398&width=768&dpr=4&quality=100&sign=75ea2561&sv=1)
The Card Group
is a pre-built responsive element that is designed to show a group of related Card elements.
The element is composed of 1 Layout Container element with:
1 Layout Row configured to show a 3 column layout for larger screens and a single column layout for smaller screens (via its Column Layout Format setting).
3 Layout Column elements inside the Layout Row.
To add cards into the group, simple drag and drop the Card Style1, Card Style2 and Card Style2 elements into the Layout Column elements.
![](https://docs.zingy.ai/~gitbook/image?url=https%3A%2F%2F3401585094-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmnBepgycwgisXr9ya1N4%252Fuploads%252F4DS1WzguvnmeDmFXLXDU%252Fimage.png%3Falt%3Dmedia%26token%3D71fb6de6-81bb-4709-b7c8-5f1a4a96c75e&width=768&dpr=4&quality=100&sign=d22ae11a&sv=1)
If you need more cards:
Clone one of the Layout Columns
Add the additional card into the cloned column
You can customize the card group's layout by modifying the Column Layout Format setting for the layout row.
Last updated