This app was extremely challenging for me to make the responsive layout work. I still find CSS positioning quite challenging to work with. This was the best I could come up with, yet I am pretty satisfied with how it turned out. Any feedback for improvement is welcome :D
Pretty fun app to build. To make the calculator functionality work, I attached several event handlers to the the inputs. I wonder if there is a different (better?) way to make this work. Any feedback is welcome :D
Double check your directory for your image because it is missing. Also, for your card to be centered use
body:{ display: grid; place-content: center; min-height:100vh; }
The Annual part was a pain to figure out. Trust me i feel you on that. LOL.
Anyways, well done. A little bit of margin on the Annual plan and the pricing. You blended the colors well and even got the size of the entire card to almost match. Mine was slightly shorter but yours is actually perfect. Easy on the eyes and well done. Excellent work! Congratulations on finishing it. Keep it up.
EDIT: Also challenge yourself more by using SCSS if you are familiar with it. Makes the coding in CSS alot more fun!
What I did for the Annual Plan was put everything in a div. Then put the annual plan and price as li tags. After that it was alot of flex and align center. There might be another way but welp. lol