Responsive Grid Card

Your site looks pretty good. Main feedback I'd give is with regards to how your container reacts to changes in screen size. When in the mobile layout your container should have its three sections in three blocks vertically stacked on top of each other. Additionally, when reducing window size your container shrinks resulting in text overflowing out of the container.

One additional thing, you should add to your html is a <main> tag. This would primarily be for accessibility purposes.

Hope this helps 👍

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• For specificity reasons you should work with classes instead of ids because they are more reusable. You can use ids to work with JavaScript, but you should use classes to style your elements. You can read more about this here 📘.

• Setting the width of the component with a percentage or a viewport unit will behave strangely on mobile devices or large screens. You should use a max-width of 650px to make sure that the component will have a maximum width of 650px on any device, also remove the width property with a percentage value.

I hope you find it useful! 😄

Happy coding!