Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobil first - Responsive single price grid

@dsaglam94

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any suggestion's welcome! Please let me know if you have anything to add. I'd love to hear any advice!

Happy coding y'all!

Community feedback

@abdoachhoubi

Posted

Nice solution, but it'd be better if you make the width of the card smaller! All the best!

Marked as helpful

1

@dsaglam94

Posted

@abdoachhoubi Yeah you're totally right. I wanted to leave them as they are for the responsiveness but they look huge lol. Gonna fix them.

Thanks a lot for the comment!

0

@abdoachhoubi

Posted

@dsaglam94 you can use the media queries to change it at some specific width, if you haven't already learned how to use media queries I reccomend you to watch some tutorials. you'll be using media queries all the time!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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