Class / Monthly vs. One time payment

This was a surprisingly difficult challenge to solve. We needed to display two prices for one offering but one price was monthly while the other was a one time payment. We needed to convey the value of the monthly while still showcasing the latter (and keeping the layout balanced).

The approach we landed on allowed us to achieve this and align important information like price and CTAs on a horizontal plane. We also solved for cases when there is no monthly cost so the one time payment expands horizontally and collapses vertically to efficiently fill and utilize the remaining space.