Single Price Grid Component, HTML and CSS, Flex-box for layout

Hey, Monica! 👋

Nice to see you complete another challenge! Good job on this one! 👍

I suggest,

• Adding a hover state to the button of the card component.
• Giving the card component a fixed width in both the desktop and mobile layouts and switching between them using a media query when there is no more room for the desktop layout on the screen. Giving the card a width based on the width of the viewport isn't necessary for this challenge and might prove a little more troublesome to work with! 😉

Keep learning and coding (and happy coding, too)! 😁

Hi, Monica. Your solution is great. It's very important to make everything responsive. However, your solution is not good in mobile and tablet view due to fixed margin on body element. And please set overflow hidden on wrapper element to show border radius on bottom left corner. Hope this helps. Happy coding~ :)