Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ accordion card with SCSS

P
Ctrl+FJ 750

@FlorianJourde

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Here it is ! My first attempt to JS on FEM ! Hope you'll like it ! First time I code an accordion effect, by the way.

Community feedback

P
Ken 4,915

@kens-visuals

Posted

Hey @FlorianJourde 👋🏻

I have a small suggestion to make the project more accessible.

  • These two images, should have aria-hidden="true", because they're for decorative purposes. So like this:
<img class="illustration-box" aria-hidden="true" src="images/illustration-box-desktop.svg"  style="transform: translateX(0px);">
<img class="illustration" aria-hidden="true" src="images/illustration-woman-online-desktop.svg">

I hope this was helpful 👨🏻‍💻 really nice touch on the animations, it was cool to play with. Cheers 👾

0
Fidel Lim 2,775

@fidellim

Posted

Hi @FlorianJourde,

Great job finishing the project! It looks great on desktop and mobile devices.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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