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

Responsive FAQ accordion card

Joshua 130

@dyntbn

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


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>

Community feedback

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