Single-Price-Grid-Component Build React and Tailwind

Community feedback

• 

  Ehsan Tatasadi•1,800

  @tatasadiPosted 12 months ago

  Congratulations!

  Firstly, great job on completing this challenge! Tackling these projects is a fantastic way to develop and showcase your front-end development skills. Your effort in creating this layout is commendable and shows your dedication to learning and improving.

  Suggestions for Improvement

  While you've done a great job, I have a few suggestions that could make your project even better:

  1. Use of min-h-screen Across All Sizes:

  • You've applied min-h-screen starting from medium (md) sizes. Consider applying it to the body for all sizes. This ensures that your layout takes up at least the full height of the viewport, providing a more consistent and visually appealing experience across all devices.

  2. Box-Shadow for Your Card:

  • To enhance the visual appeal of your card component, I recommend applying the following box-shadow: shadow-[0_15px_30px_0_rgba(0,81,171,0.15)]. This shadow adds depth and distinction, making the card stand out more effectively against its background. It's a subtle but impactful way to elevate the design.

  3. Naming of Components:

  • The name Single for your component is a bit generic and doesn't clearly convey its purpose or function. A more descriptive name, such as Card, would be much more intuitive. Good naming conventions make your code easier to understand and maintain, both for yourself and for others who might work with your code in the future.

  Final Thoughts

  These suggestions are aimed at polishing your project and enhancing its overall quality. Your progress is impressive, and it's clear that you're on the right path. Keep up the excellent work, and I'm looking forward to seeing your future projects!

  Marked as helpful

  0

  ---

  

  mehdias63•330

  @mehdias63Posted 12 months ago

  "Hey there! Big thanks for your awesome guidance. You pointed out some crucial stuff, and it's definitely getting a makeover. Much appreciated!"@tatasadi

  0