Submitted over 3 years ago

Responsive FAQ accordion card

bem

Joshua•130

@dyntbn

A solution to the FAQ accordion card challenge

Preview Code

Solution retrospective

Glad to finish this one! 😄

Curious to hear your thoughts on my class naming for the images portion. Also is there a go-to descriptive style for image class names that you use?

<img src="img/illustration-box-desktop.svg" alt="Orange box with @ symbol" class="card__img-decal">
<div class="card__wrapper-img">
  <picture>
    <source media="(min-width: 900px)" srcset="img/illustration-woman-online-desktop.svg">
    <img src="img/illustration-woman-online-mobile.svg" alt="Girl using a monitor" class="card__img-primary">
  </picture>
</div>

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Joshua's solution.

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