Skip to main
University-wide Navigation

In Drupal, the "flex grid" paragraph type refers to a specific type of paragraph used for creating flexible grid-based layouts. It allows administrators to build responsive and customizable layouts with multiple content sections arranged in a grid format.

The "flex grid" paragraph type typically includes fields and settings to define the grid layout and manage the content within each grid cell. Administrators can specify the number of columns, define the width of each column, and add content to individual cells within the grid.

When using the "flex grid" paragraph type, administrators can add various content components, such as text, images, videos, or other paragraph types, to each grid cell. This allows for the creation of versatile and visually appealing layouts with different content arrangements.

Drupal's layout management tools, such as the Layout Builder or Panels, can be utilized to position and configure the "flex grid" paragraph type within a page template or alongside other paragraph types to create complex and flexible layouts.

The "flex grid" paragraph type empowers administrators to create responsive designs that adapt to different screen sizes and devices. By defining the column structure and adjusting the content within each grid cell, administrators can create visually balanced and dynamic layouts that enhance the user experience.

Flex Grid Example

Grid Item 1

Candy gingerbread cake macaroon powder chocolate danish danish lemon drops. Dessert sweet jelly-o tart carrot cake brownie icing pudding.

Wafer sweet lollipop tart tart. Powder gummies cake halvah brownie lollipop jelly beans cotton candy croissant. Biscuit halvah sugar plum jelly beans marzipan lemon drops chocolate cake cotton candy. Bear claw soufflé gummi bears wafer cake shortbread.

Button

This is the University of Kentucky

Flex Grid Example 2

100% Candy

Biscuit halvah sugar plum jelly beans marzipan lemon drops chocolate cake cotton candy.

Bowman in Fall
34 muffin