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

Dominik

@ChomikensWarsaw90 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive testimonials - two ways: grid-areas and RAM 🚀

    #sass/scss#vite

    Dominik•90
    Submitted over 1 year ago

    0 comments
  • Responsive accordion with accesibility

    #accessibility#bem#sass/scss#vite

    Dominik•90
    Submitted over 1 year ago

    0 comments
  • Pricing component with toggle microanimation

    #animation#sass/scss#vite

    Dominik•90
    Submitted over 1 year ago

    0 comments
  • Single-page design portfolio - solution: Vite, 7-1 pattern, Swiper.js

    #accessibility#bem#sass/scss#vite

    Dominik•90
    Submitted over 1 year ago

    0 comments

Latest comments

  • Ahmed Asem•120
    @A7MEDC7
    Submitted over 1 year ago

    faq-accordion-card

    1
    Dominik•90
    @Chomikens
    Posted over 1 year ago

    Hi! I see you did a great job here!

    If you want some smoth animation for open and close state you can set accordion content to 0 height and set overflow hidden. Then add inner content element to it when you add padding and rest of style.

    Why this ? When you animate height you create JANK. When you dont put inner content you also animate padding.

    When you see something like this: Elements.forEach(element => { element.addEventListener} Insted of this you can try event delegation pattern.

    You add Event Listener do first common parent element end designete the event target.

    If you want to look at solution feel free to check mine. Also if you have question feell free to ask!

    Hope you have a great day!

    Marked as helpful
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

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