single price grid component

Hello devansh 👋, my name is Grzegorz.

Regarding border on main container.

• Add background-color to body, you should have exact color in style guide
• Try removing the border: 1px solid grey rule, but leave border-radius.
• Play around with box-shadow property
• You don't need border-bottom-right-radius and border-bottom-left-radius on .right-container, instead add overflow-hidden on .container and it should do the trick.

I hope this will be helpfull to You.

Keep up the good work! 💪

See you on the coding trail 😉

Cheers!

Hey Devansh,

I believe the reason why it's showing the mobile design in the preview, is because of your media query: @media (min-width:375px) and (max-width:1440px). So here you're using the 3 stacked containers on screen devices between 375px and 1440px. I'd recommend having the max-width as 1000px. And also to remove the min-width, because on devices smaller than 375px, it's reverting back to the web layout.

If i'm incorrect here then someone else feel free to correct me.