Skip to content
Submitted about 2 months ago

FAQ Accordion using SCSS

Alexandru736•210
@Alexandru736
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Being able to think more of accessibility

What challenges did you encounter, and how did you overcome them?

I didn't know how to split the background between the background color and the background image. I thought about creating two divs that represented both but I thought I would've overcomplicated the solution. In the end, I used the background-image property along with background-size: contain

What specific areas of your project would you like help with?

Feedback on the accessibility standards I applied here. Thank you!

Community feedback

  • AymaneOnline•330
    @AymaneOnlinePosted 12 days ago

    Here is some feedback:

    Styles:

    • Add justify-content: space-between; to the <div class="question"> to create that space between the question and the plus button.
    • Add cursor: pointer to the <button class="btn"> to change the appearance of the cursor whenever you hover the question.
    0

Please log in to post a comment

Log in with GitHub

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