Colin's Order-Summary-Component

After struggling slightly with the previous NFT challenge, I decided to take the feedback I got from my peers, as well as some of their good coding practices to quickly tackle another HTML & CSS challenge. Not sure if it's due to the new tips I picked up or if this challenge is easier, but I felt good doing this challenge. One of the biggest places that I struggled with was aligning the "Annual Plan" and the "$59.99/yr" on top of one another, but that was where I learned about nesting flexbox items in different orientations to achieve the layout you want.

Also, a quick shoutout to @MachadoA for the tips on working on the mobile display first and adding 'cursor: pointer' to make the hover effect look better.