Single-price-grid-component

Good work.

When looking at your code I highly recommend looking into indentation. With how your code is now it can make the structure very difficult to read and work with.

When writing html you want to have a clean semantic structure. In your code it seems like you use a lot of divs where html elements should be used. So for your main container that contains your sections you want to use the <main> element, for some of the texts you have wrapped in divs you want to use the <p> element. Divs do not have semantic value and will not give context to the content inside.

For responsiveness it seems like you tried to create space between items using attributes such as padding and margin. An easier way to do this (at least what I do) would to give each container a display: flex; and then set the gap between each of them. So instead of having to manual set the gap between items using margin/padding. Using gap will allow items to maintain an even gap between them even with smaller screens.

Keep up the good work.