| 1234567891011121314151617181920212223242526272829303132333435 |
- .. _card-grid:
- Card Grid Block
- ===============
- Creates a card grid layout with content and button options
- Field Reference
- ---------------
- Fields and purposes:
- * **Full Width** - If selected, sets whether the card grid spans the entire width of the screen
- * **Content** - The individual cards in the grid
- In your page editor, choose **Card Grid**. Select the **Card** content block within the Card grid block
- to get started on creating your Card Grid. The grid is designed to automatically create the layout of
- your cards with an image, title, subtitle, body and button links. Create as many cards as you would
- like for your card grid. They will be sized based on available space on the screen.
- We have a card grid on the home page of our tutorial site Simple Sweet Desserts. It looks like this:
- .. figure:: img/card_grid_example.png
- :alt: Our sweet card grid on the home page
- Our sweet card grid on the home page of our tutorial site -- no images
- We also created another card grid on a Practice Layout Page on our tutorial site that looks like this:
- .. figure:: img/card_grid_images.png
- :alt: Our cupcake card grid with images
- Our cupcake card grid, with images
|
