Submitted almost 3 years ago

Interactive Card Form using Flexbox & RegExp

accessibility

Eduard Ionescu•510

@EduardIonescu

A solution to the Interactive card details form challenge

Preview Code

Solution retrospective

I could've used <picture> to display the images on desktop / mobile. The form validation could also be better but it would've taken too much time to get it right and imo I can learn more by creating other projects than by trying to make it perfect right now. Might come back to it later.

I could've also created a container for the card images and their data and that might've made the accessibility better.

My question is: should I just hide the position: absolute p tags that display the data with aria-hidden or something similar?

Thanks!

Code

Please log in to post a comment

Community feedback

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