All solutions

One of the things that has had me stuck for a couple of days is that I read that you need to removeEventListener() after processing is complete but I haven't found any solid explanations on the different ways to do that yet. That is something I need to research some more before I do any more in-depth functionality in JS. I am well aware of pages that end up going on and on and on and hanging the browser and want to write code solid enough to avoid that kind of overhead.

Any ideas/thoughts/suggestions?

I fixed the HTML validation errors.

But here's a question for the community: what do you do about the info messages about headings? Supposed the design does not lend itself well to having headings? Not to say that I couldn't have made some headings in this design but I am curious how we manage those situations where there is nothing to put in a h1-6 section... thoughts?

The images gave me a hard time. I have much yet to learn

A lot of the errors on the report don't make sense to me. Like ... I have no transforms in my code. Could that be coming from the fontawesome kit? Anybody know?

Think I did ok on this one too ... I am on a roll!

Fixed the grid spacing for the price plan line for the desktop version.

As I note in my README, the solution looks presentable but there are overflows everywhere. I know enough that I can definitively say it has to do with my box sizing and margins, but I just can't get it right. Submitting as is in the hopes for some useful feedback on how I can do this better.

I updated this solution because after the subsequent solutions and what I have learned since, I wasn't happy with what I'd done. This time I have some semantic HTML and custom CSS properties that are more meaningful.