<z-container>
<z-row>
<z-col class="center narrow-xl">
<span class="label">Frequently Asked Questions</span>
<h2>Everything you need to know</h2>
<z-container class="text-left">
<z-row>
<z-col class="p-0">
<div class="accordion">
<ul class="list-group list-group-flush">
<li class="list-group-item p-0">
<a class="title accordion-toggle naked text-semibold" aria-expanded="false" aria-controls="content6"><i class="zenicon-keyboard-arrow-right down-3"></i>How many CSS programmers does it take to change a lightbulb?</a>
<div id="content6" class="expanded-content naked" aria-hidden="true">
<p class=" pb-5 up-2"> None, just add some "brightness" to the background color! 💀</p>
</div>
</li>
<li class="list-group-item p-0">
<a class="title accordion-toggle naked text-semibold" aria-expanded="false" aria-controls="content4"><i class="zenicon-keyboard-arrow-right down-3"></i>What do you call a group of CSS developers in a room?</a>
<div id="content4" class="expanded-content naked" aria-hidden="true">
<p class=" pb-5 up-2">A "div"erse assembly of "selectors"! 🤣</p>
</div>
</li>
<li class="list-group-item p-0">
<a class="title accordion-toggle naked text-semibold" aria-expanded="false" aria-controls="content5"><i class="zenicon-keyboard-arrow-right down-3"></i>Can CSS magically make my website compatible with older browsers?</a>
<div id="content5" class="expanded-content naked" aria-hidden="true">
<p class=" pb-5 up-2">CSS can help, but it won't turn an ancient browser into a modern one. Some things are best left to archaeologists. 🦕</p>
</div>
</li>
</ul>
</div>
</z-col>
</z-row>
</z-container>
</z-col>
</z-row>
</z-container>
