@AhsanCommits
Posted
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