Skip to content
Submitted 2 months ago

Responsive Browser extension manager

Amen•240
@ATRam3
A solution to the Browser extension manager UI challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What challenges did you encounter, and how did you overcome them?

I recently encountered a challenge while implementing a feature to filter extensions based on whether they are active or inactive, depending on whether the checkbox is checked or not. I approached the solution by using event listeners on filter buttons and iterating through the checkboxes using forEach to handle the checked state.

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

This project helped me on implementing event listeners on buttons to filter and use forEach method to handle iteration.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Marzia Jalili•9,730
    @MarziaJalili

    That's an A game build! 👑

    🌟 A different logo for the dark mode?

    ✅ First, create a copy of the logo.svg and name it something like logo-dark.svg.

    ✅ Since it's an SVG image you can edit the color of it just by change the fill property of the <svg> element.

    ✅ To access the code (the <svg> code) open the file with a text editor. You could do it directly in VS Code too. Right click => Open with => Text Editor.

    ✅ Now change the fill attributes to your desired lighter colors to fit that dark mode, and you get your new image this easy.

    ✅ And then life's easy, bro. Set a tirnery for the src attribute of the image to work responsively.

    Keep being awesome! 💪😎🥇

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