Skip to content
Submitted about 4 years ago

Interactive pricing component

Yuniac•65
@Yuniac
A solution to the Interactive pricing component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I think the layout if I started via mobile-first would have saved me time and frustration, but it's a learning process so it's alright. I also think the javascript could have been better but I learned a few things while doing it like this, the not so straight-ahead way so I think it was alright too.

Feedback is always welcome.

Code

Please log in to post a comment

Log in

Community feedback

  • Kenji•65
    @kenjimaeda54

    Nice bro. I didn't like my result I tried to use material ui

  • Aastha Anand•345
    @aasthaanand123

    Hey, good work! But when toggled to yearly billing the price does not switch to "/year", so you might want to check that out. Happy coding!

  • tediko•6,700
    @tediko

    Hello, Rael! 👋

    Well done on this challenge! Your solution responds well. I would suggest you to add :focus pseudo class to interactive elements like buttons and input just to know keyboard users where they are on the page and what behaviour they can expect. Use outline property to make your website more accessible to keyboard users. Focusable elements like anchor, buttons or inputs they have applied default :focus pseudo class with outline property. These default styles are subtle and hardly visible tho. Furthermore every browser has a slightly different default style for the outline, so you probably want to change the default style. Read more about why we should change focus styles.

    Good luck with that, have fun coding! 💪

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