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

Responsive single Price grid using html avd css

@Bisratworku

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Alamin 2,000

@CodePapa360

Posted

Hi bisratworku👋 Great job on completing this challenge! 🥳

I would like to share a few suggestions on this solution if you don't mind.

  • Use semantic HTML tags: Instead of using generic tags like div and span, the developer could use semantic tags like header, article, and footer to make the code more meaningful and easier to understand. This will also improve the code's accessibility for users with disabilities.

  • Refactor repetitive styles: To make the code more efficient and maintainable, the developer should consolidate styles that are repeated in multiple places into a shared class or a global style rule.

  • Use more descriptive class names: The developer could use more descriptive and meaningful class names like .section or .pricing-section instead of short and generic names like .sction. This will make the code more self-explanatory and easier to work with.

Overall, this is a very well done solution to the challenge. Great job!

I hope this feedback was helpful. 😊 Keep up the good work!👍

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