Extensions Manager with Grid CSS & Vanilla JS

What are you most proud of, and what would you do differently next time?

I’m most proud of how clean and organized the UI turned out. I managed to make the design responsive across different devices and implemented the extension toggling/filtering in a way that feels intuitive. It gave me confidence that I can structure a project so it looks close to a real product.

If I had to do it again, I’d focus more on setting up a proper project structure from the start (maybe using a build tool or framework to make the code more scalable). I’d also try to add some automated testing and pay closer attention to accessibility. That way, the project wouldn’t just look good but also be more robust for real-world use.

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

One of the main challenges I faced was making the layout fully responsive. At first, some elements were overlapping or breaking at certain screen widths. I overcame this by rethinking my CSS approach, relying more on Flexbox and Grid instead of fixed positioning. Another challenge was managing the extension toggle/filter logic in a clean way. Initially, my code became messy, but after some refactoring I simplified the state handling and made it easier to maintain.

These challenges taught me the importance of starting with a mobile-first mindset and keeping my code modular so it’s easier to fix and extend.

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

I’d love feedback on how I structured my CSS, especially regarding scalability and reusability. I also think my JavaScript logic for toggling and filtering extensions could be improved, so any suggestions on cleaner or more efficient approaches would be really helpful. Finally, I’d appreciate advice on accessibility best practices, since that’s an area I want to get stronger at.