Grouping component
Usage
A grouping component allow for 2 layout containers to have the same height.
Examples
Number of columns
2 columns
50%
50%
3 columns
30%
30%
30%
4 columns
25%
25%
25%
25%
Column size
You can choose the width of both columns if you choose for 2 columns.
This is not possible for 3 or 4 columns.
50%
50%
20%
80%
80%
20%
30%
70%
70%
30%
40%
60%
40%
60%
Grouping without padding
Product summary
Vivamus elementum lacus a ultrices tincidunt. Mauris purus arcu, ornare eu elementum eget, ultrices id lorem. Nam aliquet, ipsum a venenatis iaculis, ex quam efficitur enim, sagittis pulvinar erat odio non urna.
Product summary
- Vivamus elementum lacus a ultrices tincidunt
- Mauris purus arcu ornare eu elementum eget
- Nam aliquet ipsum a venenatis iaculis
- Ex quam efficitur enim sagittis pulvinar
Grouping with padding
Product summary
Vivamus elementum lacus a ultrices tincidunt. Mauris purus arcu, ornare eu elementum eget, ultrices id lorem. Nam aliquet, ipsum a venenatis iaculis, ex quam efficitur enim, sagittis pulvinar erat odio non urna.
Product summary
- Vivamus elementum lacus a ultrices tincidunt
- Mauris purus arcu ornare eu elementum eget
- Nam aliquet ipsum a venenatis iaculis
- Ex quam efficitur enim sagittis pulvinar
