Single-Price-Grid-Component

Community feedback

• 

  Ahsan Raza•60

  @AhsanCommitsPosted over 1 year ago

  Dear @WesSno,

  While reviewing your project, I noticed a couple of design issues that I wanted to highlight.

  Firstly, it seems that the hover feature on the button, as specified in the challenge requirements, has not been implemented. 😕 To improve the user experience, I recommend adding a hover effect to the button using CSS, such as changing the background color or adding a subtle shadow, to indicate interactivity. ✨

  Additionally, I noticed that you have used width: 100vw on some elements. However, it's important to keep in mind that this property does not account for vertical scrollbars, resulting in a horizontal scrollbar appearing on your site. To ensure a better user experience, it's advisable to avoid using width: 100vw in your design.

  I appreciate your use of Flexbox and the effort put into the project. Adding the hover feature and addressing the width issue will enhance the overall usability of your website. 💪

  You can also visit my solution to this:

  Solution URL: https://www.frontendmentor.io/solutions/responsive-single-price-grid-component-using-css-grid-and-nextjs-hH_SBJj-io Live Site URL: https://single-price-grid-component-one-cyan.vercel.app/

  If you have any further questions or need assistance with implementing the hover feature or addressing the width issue, please feel free to reach out. Keep up the good work! 👍

  Best regards, @AhsanCommits

  Marked as helpful

  0