Skip to content
Submitted over 3 years ago

Single Price Grid Component

sass/scss, accessibility
Aneta•180
@anetaanette
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi! 👋 This time I had some problems with the grid on mobile version but I figured it out after a few days of break from this project 😛 Let me know if there is anything I could improve! Thanks Aneta ❣️

Code

Please log in to post a comment

Log in

Community feedback

  • Naveen Gumaste•10,420
    @NaveenGumaste

    Hay ! Good Job Aneta

    These below mentioned tricks will help you remove any Accessibility Issues

    -> Add Main tag after body like it should be your container. For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc . But use header tag only once in main heading element.

    -> Always use h1 first and then h2, h3 and so on

    Keep up the good work!

    Marked as helpful
  • Neha Nalini Kennedy•100
    @nehanalinik

    Hey! I guess you did not applied font-family in the button element., other than that everything seems great!

    Marked as helpful

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