Subgrids and Card layouts Example

Subgrids and Card layouts

Back to Tutorial

Subgrid and card layouts

random image from picusm

Title 1

$25
random image from picusm

Title 2

$50
random image from picusm

Long Title 3: forcing a multi line

$15
random image from picusm

Title 4

$46
random image from picusm

Title 5

$50
random image from picusm

Title 6

$45
random image from picusm

Title 7

$60
random image from picusm

Title 8

$75
random image from picusm

Title 9

$100

Notes

This is a simple demo of using subgrids for cards, this highlights how we can overcome the issues of having objects of multiple sizes, and aligning them, along with the adjoining cards. In this case the images are of different widths and heights, and to also throw in 1 card header that overflows a single line.

Subgrid is making this rather simpler to implement.