Single price grid component using HTML,CSS, and CSS flexbox

Hey Glory, nice work on this challenge! I did noticed on min-width 501px the bottom boxes overlap. I’m curious if you tried using the mobile first approach. I believe it would be a much easier for you, starting off on a smaller screen and working your way to bigger screen. So for instance,

1. On smaller screen you could add a flex-direction: column on the .sub so that they’re stacked on top of each other.
2. Then, maybe you could add a min-width: 774px media query and change the direction of .sub by using flex-direction: row

I hope that makes sense, nonetheless you did a great job. keep up the good work! and let me know if you need help with anything.

Nice Job Glory but try working on the responsiveness as @Ajeasmith said.

Nice work on this challenge Glory and congrats on submitting your first solution. I hope you enjoyed the challenge!

As @AjeaSmith mentioned, the responsive CSS would definitely benefit from one final round of refinements. But overall your solution looks good! 👍