Ensuring that your Pricing Tables are equal in height can create a clean, professional appearance and improve readability for your visitors.
In this article, we will guide you through the process of equalizing the height of pricing tables using Divi.
When using the Pricing Tables module, the height of each Table will be different, depending on the amount of content it contains.
Set the same height on the Pricing Tables module
Open the Pricing Tables module settings, by clicking on the Gear icon
Go to Advanced Tab → Custom CSS → Free Form CSS
Copy/paste this CSS code
selector .et_pb_pricing_table_wrap {
align-items: stretch;
}
The result can be seen in the screenshot below