single price grid component

Solution retrospective
Help with the responsive part. Does it look good?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @bhavikthakur
Hi! Your solution is working nicely, you are doing well! I have a few suggestions:
- Your main card is changing direction from row to column which is nice but it is touching the viewport which isn't a good experience so you might want to use max-width and width to control the width dynamically and use margin auto to center the card. Try this card max-width: 650px ; width:90% (so it won't touch the viewport) margin: 0 auto; (This will make sure your card will stay center while shrinking and even on larger screens)
- Avoid using h2 without h1. For accessibility reasons, use at least one h1 before using h2. In my personal opinion, feel free to ignore it. Your work is really nice. All the best!
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord