Desktop design

Mobile design

FAQ accordion

<label for="plus-1" class="question">What is Frontend Mentor, and how will it help me?</label>

<p class="answer active" id="answer1">Frontend Mentor offers realistic coding challenges to help developers improve their frontend
            coding skills with projects in HTML, CSS, and JavaScript. It’s suitable for all levels and ideal for
            portfolio building.</p>

<label for="plus-2" class="question">Is Frontend Mentor free?</label>

<label for="plus-3" class="question">Can I use Frontend Mentor projects in my portfolio?</label>

<label for="plus-4" class="question">How can I get help if I'm stuck on a challenge?</label>

"heading"><img src="assets/images/icon-star.svg" class="imgStar1">

<img src="assets/images/icon-plus.svg" class="imgStar hidden" id="plus-1"><img s

="plus-1"><img src="assets/images/icon-minus.svg" class="imgMinus active" id="minus-1">

<img src="assets/images/icon-plus.svg" class="imgStar" id="plus-2"><img s

="plus-2"><img src="assets/images/icon-minus.svg" class="imgMinus" id="minus-2">

<img src="assets/images/icon-plus.svg" class="imgStar" id="plus-3"><img s

="plus-3"><img src="assets/images/icon-minus.svg" class="imgMinus" id="minus-3">

<img src="assets/images/icon-plus.svg" class="imgStar" id="plus-4"><img s

="plus-4"><img src="assets/images/icon-minus.svg" class="imgMinus" id="minus-4">

<label for="plus-1" class="question">What i

<label for="plus-2" class="question">Is Fro

<label for="plus-3" class="question">Can I

<label for="plus-4" class="question">How ca

Please log in to post a comment

Community feedback

Responsive FAQ accordion made with display: flex css propety

Please log in to post a comment

Community feedback

Join our Discord community