Skip to content
Submitted about 1 month ago

Single Price Grid Component

pure-css
Amna Ashraf•1,240
@Dev-Amna
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What specific areas of your project would you like help with?

Anything!

Code

Please log in to post a comment

Log in

Community feedback

  • Abdul Subhan•1,600
    @Esabdul

    First, in .btn, you have got a great hover effect with a subtle opacity change, but you might also want to add :focus styles too for accessibility, especially for keyboard users.

    Also, in the .attribution section, you have styled the link with a beautiful gradient clip effect, but it could potentially be hard to read against certain backgrounds, especially if color contrast isn’t optimal.

    All in all, you have done an excellent job.

    The layout is responsive, the color scheme is harmonious, and the structure is easy to maintain.

    Your attention to spacing, text hierarchy, and readability shows that you’re thinking like a designer and a developer.

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