Submitted over 1 year ago

Responsive FAQ Accordion Solution

accessibility

ifaronti•630

@ifaronti

A solution to the FAQ accordion challenge

Preview Code

Solution retrospective

What did you find difficult while building the project?

.toggleBtn[aria-expanded='true']::after{
    content: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDMxIj48cGF0aCBmaWxsPSIjMzAxNTM0IiBkPSJNMTUgMy4zMTNBMTIuMTg3IDEyLjE4NyAwIDEgMCAyNy4xODggMTUuNSAxMi4yIDEyLjIgMCAwIDAgMTUgMy4zMTJabTQuNjg4IDEzLjEyNGgtOS4zNzVhLjkzOC45MzggMCAwIDEgMC0xLjg3NWg5LjM3NGEuOTM4LjkzOCAwIDAgMSAwIDEuODc2WiIvPjwvc3ZnPg==');

}

I spent a whole day tweaking everything trying to figure out why my svgs didn't load on live url but load fine on local server.. A whole day!! ain't that a bish!!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on ifaronti'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