How do I let my <li> not push my price & button tag down?

Code Feedback
1

Hi everyone,

I ran into this problem which i can’t seem to figure out myself. I have created 3 product (div) ‘plans’ next to each other with flex.

I’ve added a (ul) and then a (li) in each one to create lists. The problem is with the middle ‘box’ (Advanced). I don’t want the price and button to move down when I add more lists.

I want my price tag and button to stay in place aligned with the other 2 boxes.

I have tried postioning:absolute; but that doesn’t seem to work. I am a bit lost where to find the problem haha.

link: https://codepen.io/roland-david-linthorst/pen/rNepMBW

Help would be greatly appreciated!
Thank you :slight_smile:

2

I have somehow fixed the problem by wrapping the price tags in div and giving them top-margins.