Order Summary Component Main: A Timed Exercise

I used this challenge to test my coding speed using HTML and CSS. The entire project, including the fine-tuning took about 3 hours. About an hour or more was walking through making sure it matched the original model. In the end, I think it looks like the model - except the price text on the lower part of the card because the model's is off center and my inner aesthetic homunculus couldn't stand it.

I admit the coding is a bit sloppy in places and it is missing some pieces (like a hidden <h1> to announce the topic to a screen reader), but my goal here was more speed than comprehensive perfection. Nevertheless, if you notice any of these issues, I would appreciate them in your critique and suggestions.

As always, I would love feedback on:

1. professionalism
2. readability (for co-workers and collaborators)
3. efficiency (succinct code that represents best practice and no redundancy)

Thank you for taking the time to look through it. I look forward to your comments. This peer group of coders has helped me so much and really challenged me to move forward.

Jeff