MatchHeight
Stack for RapidWeaver
Making Cards and Pricing Tables
These sort of elements always look best when the heights are equalised to give a uniform consistency.
The blue headings have been given a match ID of top
The pale center areas have a match ID off middle
This means that they will always line up correctly and look good and it is very simple to do.
A Header
Some content would go here. Perhaps a list of features.
Our starter pack
Great Value
A Much Longer Heading that wraps
Some content would go here. Perhaps a list of features.
Our best value pack
Great for most users
Useful Features
Extra Features
Lifetime Features
Our Most Popular Product
Another Header
Some content would go here. Perhaps a list of features.
Corporate pack
Unlimited licenses
Even more features
24/7 support hotline
Personal Contact Point
Simple to exlude any element
Perhaps you want the middle card to be taller to highlight it as the best deal.
We still can match the top heading heights but just turn off Match Height on the center card middle content.
A Header
Some content would go here. Perhaps a list of features.
Our starter pack
Great Value
A Much Longer Heading that wraps
SPECIAL OFFER THIS MONTH
15% OFF
Some content would go here. Perhaps a list of features.
Our best value pack
Great for most users
Useful Features
Extra Features
Lifetime Features
Our Most Popular Product
Another Header
Some content would go here. Perhaps a list of features.
Corporate pack
Unlimited licenses
Even more features
24/7 support hotline
Personal Contact Point
Compare how they look without Match Height
Match height is not immediately apparent as is just makes things look the way that they should.
The same pricing table cards are below but without the benefit of match height for comparison.
A Header
Some content would go here. Perhaps a list of features.
Our starter pack
Great Value
A Much Longer Heading that wraps
Some content would go here. Perhaps a list of features.
Our best value pack
Great for most users
Useful Features
Extra Features
Lifetime Features
Our Most Popular Product
Another Header
Some content would go here. Perhaps a list of features.
Corporate pack
Unlimited licenses
Even more features
24/7 support hotline
Personal Contact Point
Content blocks made using SectionsBox which has a match height ID selector.
This is not required and you can apply match height to many different stacks either with the built in options or the custom selector setting.