The UI Cards Block
The UI Cards block is a Pressino block designed to add content in boxes that will automatically resize and stack as needed for responsive content.
- Best used inside a UI Split or can be used at the top level
- Cards will automatically resize and stack as needed based on the size of the container they are in
- There is a minimum column width setting that helps assure the content will fit in the space provided
Getting Started
When a UI Cards block is added, it creates one card. Tip: Create the content the way you like it, then duplicate the card to keep the same look, and then change the content.
UI Cards Options
Column Width: To assure there is enough room for the content, set the column width as needed. Make it larger if the content gets too small before wrapping / stacking. Make it smaller if it jumps to the next line too early / content could be smaller.
Column Width: The size of the gap between columns when not stacked can be updated.
Centered: This control the alignment of wrapped columns. If there are four columns and one wraps to the next line, it is left justified by default. The Centered option will make extra columns be center aligned.
UI Card Options
Centered: This control the alignment of the content of this column. Content is left justified by default. The Centered option will make the content of the column be center aligned.
Fill column with first item: This is an option used when there is a single container item, such as a UI Message or UI Segment, and you want it box to fit vertically along with the other grid columns in the same row.
