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

@analuzcervantes

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


Hello everyone, 🖖

This is my fifth newbie challenge, this time I developed the "Single price grid component".

Any comment is greatly appreciated. Let me know what you think. 👾

Happy Codding! ❤

Community feedback

Szymon Rojek 4,540

@SzymonRojek

Posted

Hi Ana,

Really good HTML structure, well done! Just a few tips from me below:

  • I think, instead of div class="wrapper" you can use the main tag;
  • in the second box these two spans you can put inside of the paragraph;
  • names of the classes could be more readable & descriptive;
  • check your HTML issues report above & try to fix it;
  • you have used a button but I'd recommend using a link;
  • small detail: text "per month" should be in the middle of the price.

Please have a look these articles, they are very useful:

Greetings :D

1

@analuzcervantes

Posted

Hi, @SzymonRojek 🖖

Thanks for the tips and articles ❤

0
Szymon Rojek 4,540

@SzymonRojek

Posted

@analuzcervantes

If my comment was helpful please upvote this one above:) thanks 🙏 have a nice coding time

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