Responsive Single price grid component

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have some recommendations regarding your doubts that I believe will be of great interest to you.

SUGGESTION 💡:

• "Please help me around as I've done this challenge but for some screens the main tag isn't centered vertically", Sure i'm here to guide you.

• The issue is due to the oversizing of the component, in fact we need to provide the max-width of 900px and height of entire viewport.

• For better sizing of the component you can provide width: 39em and height: 30em (these values are obtained from my solution feel free check it out if feel stuck)

• After providing the appropriate height and width you want to remove the margin: 50px 0 from the body. Because using margin for centering the component is a bad practice

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!

Hey there

Many thanks for your guidance , I did the necessary changes and now it works perfectly fine.😄