Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
1

Juan Pujol

@joanpujolMallorca120 points

Full Stack Developer (JavaScript, Python, Mongo)

Latest solutions

  • Kanban task management web app (React, TS, Tailwind, Zustand, shadcn)

    #react#shadcn#tailwind-css#typescript#zustand

    Juan Pujol•120
    Submitted 7 months ago

    0 comments
  • FAQ Accordion Card using SASS and JavaScript


    Juan Pujol•120
    Submitted over 4 years ago

    1 comment
  • Fylo Dark Theme Landing Page using SASS and BEM


    Juan Pujol•120
    Submitted over 4 years ago

    1 comment
  • Article Preview Component using SASS, Flexbox and BEM


    Juan Pujol•120
    Submitted over 4 years ago

    0 comments

Latest comments

  • Adam Alberty•105
    @AdamAlberty
    Submitted over 4 years ago

    FAQ Accordion made using SASS, mobile first and JS.

    1
    Juan Pujol•120
    @joanpujol
    Posted over 4 years ago

    First of all, great-looking solution!

    On the JS side, one way to simplify your code would be to use a click listener for each item that toggles an active class for that item.

    faqItems.forEach(item => {
        item.addEventListener("click", () => {
           item.classList.toggle("active");
        });
     }); 
    

    I hope it helps.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub