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

Single Price Grid Component Using HTML and CSS

@deborahtrota

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 feedback will be appreciated :)

Community feedback

P
Grace 27,950

@grace-snow

Posted

Hi this looks OK, but if you want to learn I'd recommend you lose the bootstrap for these challenges. You don't need it and you'll learn much better without. Once you've nailed the foundation yourself and built up good understanding, you'll be able to choose any frameworks or libraries you want to use later on.

In your html atm theres some errors with heading order. They have to go in order (and I'd suggest the price itself shouldn't be in a heading)

One other thing is I can't see any border radius on mobile. It looks like it's there in the above screenshot of desktop view but I can't see any radius on the card for some reason 🤷‍♀️ Maybe just check it on small screens.

Hope. All that's helpful advice

1

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