Desktop design

Mobile design

FAQ accordion

<div class="question-box">
          <p>What is Frontend Mentor, and how will it help me?</p>
          <img src="/assets/images/icon-plus.svg" id="icon">
        </div>

<div class="question-box">
          <p>Is Frontend Mentor free?</p>
          <img src="/assets/images/icon-plus.svg" id="icon">
        </div>

<div class="question-box">
          <p>Can I use Frontend Mentor projects in my portfolio?</p>
          <img src="/assets/images/icon-plus.svg" id="icon">
        </div>

<div class="question-box">
          <p>How can I get help if I'm stuck on a challenge?</p>
          <img src="/assets/images/icon-plus.svg" id="icon">
        </div>

<div class="attribution">
      Challenge by
      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by
      <a href="https://github.com/muhammad-ahmad66">Muhammad Ahmad</a>.
    </div>

Please log in to post a comment

Community feedback

Responsive FAQ accordion, built using html5, css, and javascript.

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community