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

P

@ov3rst

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


this is my version, any suggestion is welcome

Community feedback

Yokke 640

@Jexinte

Posted

Hey @ov3rst,

Good job .

A tips that someone give me few weeks before you can use native html tag call <details> and <summary> that give you the naturel effect that the challenge ask. Then on css you can use his selectors to do what you need when a question is open.

More details here :

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

In hope it helps !

Marked as helpful

1

P

@ov3rst

Posted

@Jexinte thanks for your comment, yes I know the label but as the challenge said that it had js I preferred to do it like this

0
Yokke 640

@Jexinte

Posted

@ov3rst Well if you don't know it even the js label is present it's not an obligation to do the challenge with it :) !

Keep it up

1
P

@ov3rst

Posted

@Jexinte thanks for the clarification

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