FAQ component using Radix Primitives, React, and Astro
Design comparison
Solution retrospective
Doing the FAQ component and the box is supposed to overflow on desktop but I can't seem to get it to overflow without affecting the background image as well.
The markup and CSS is in index.astro to be precise (don't need to know anything about astro to look through).
markup: https://github.com/thejackshelton/react-astro-radix-faq/blob/main/src/pages/index.astro
live site: https://react-astro-radix-ov5jpdqkb-thejackshelton.vercel.app/
Also got a problem with the phone version and the svg not showing fully. I think it has to do something with the margin-top I gave it on the svg. I've tried adding some padding as a hacky fix, but would love to hear a better solution.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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