Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
2
Ildikó Balogh
@liana5555

All comments

  • Filippo•375
    @Filippo-B
    Submitted over 3 years ago

    FAQ Accordion

    1
    Ildikó Balogh•80
    @liana5555
    Posted over 3 years ago

    It looks okay, but functionality wise something is wrong because when I click on the 2nd and 4th question they don't fully open( on the second click they do fully open) and if I open them I can't fully close them anymore. I don't actually understand the height stuff in your code. If you don't want to show something when the page is loaded use display: none in css and when you want it to show just add another class with javascript that display: block or whatever you need in it. This way you don't have to deal with the height stuff.

  • Jeferson Pimentel•30
    @jefersonpimentel
    Submitted over 3 years ago

    Stats preview card component

    1
    Ildikó Balogh•80
    @liana5555
    Posted over 3 years ago

    You should use the background color: soft violet and the background-image should be the image and add a property called background-blend-mode (google it because I am not really that's the name) and you should set it to multiply.

    background-image: url(....) background-color: soft violet (from style guide) background-blend-mode : multiply

    I think it should work like that.

    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