Skip to content
Submitted over 3 years ago

FAQ card accordion using only CSS Pseudo-classes

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

Design comparison

SolutionDesign

Solution retrospective

I have to admit that this challenge was a bit harsh for me. Maybe because I didn't use any JavaScript. Nevertheless, I managed to complete this one with some help.😌

Community feedback

  • Account deleted

    Great 😍✌. You can check 1. the margin for mobile design 2. the report for some html issues

    1
    Musha•100
    @mushamakPosted over 3 years ago

    @DavidEmad01 Thanks for feedback! I just corrected img. tag and section part🙂

    1
  • FocusCookie•350
    @FocusCookiePosted over 3 years ago

    Hi Musha,

    first very nice that you did it without JS :)! I noticed that there is a tiny problem with the cube on the left side. If the window is above 1440px the cube moves out of position.

    I would also recommend you to use prettier or another code formater because the idents in your HTML are way to long (character-wise) :) the code is hard to read on a not-so-wide code editor window.

    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