cardgrid.rst 1.2 KB

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