Interactive Pricing Component Solution

Hey, upon loading this, the layout is somewhat odd, shifting to mobile layout there are couple of issues but reaching it, it is good.

Suggestions would be that:

1. Removing that height: 100% on the body tag will really help keep the layout good. Setting that to 100%, it takes 100% of the remaining height on the viewport, since the body tag have no parent (is html a parent?). That makes the content shifting positions. Removing that will be better and instead add a min-height: 100vh or min-height: 100%.

2. Adding cursor: pointer on the toggle, just to add some natural feeling since it is an interactive element.

3. Adding text-align: left on the ul element on the features selector, just to make them properly aligned.

4. Resizing the browser, your layout doesn't really scale with it. it will be better if you made the mobile layout transition a lot sooner to prevent the viewport overlapping the content. Also that 375px breakpoint is too small, phone nowadays have a higher ppi on that, adjusting to 400 - 410px range will be good. But still keep in mind of making it more sooner, to prevent the viewport.

5. Your mobile layout seems clamped, adjusting those spacings, to the top and bottom of the elements will be really good.

But still, good work on this one^