Design comparison
Solution retrospective
I was happy that i could do this project with ease, I had fun doing it, what i won't anything differently
What challenges did you encounter, and how did you overcome them?Apart from electricity and internet connection, i really enocunter much challenge
What specific areas of your project would you like help with?Courses on WCAG Please i really need them incase...
Community feedback
- @Emynex4realPosted about 1 month ago
Ohhhh That's true I just assume it was the regular accordion without really thinking it through
I will definitely work on that soon
But i wanna ask that i enter a unmotivating time that comes and go. Do you too? so i know that i am not alone
1@TomSifPosted about 1 month ago@Emynex4real Oh yeah, I guess you're self-taught, it's really hard to work alone without feedback! We are all human and motivation inevitably fluctuates, sometimes you need to know when to take breaks to recharge your batteries. This is what I did this summer, for a month without coding or anything and now I feel much more focused on my goal. I guess we're all looking for a community here that can give us a little support or at least some feedback on our work. So if no one has told you yet, really congratulations for wanting to learn coding and devoting your free time to it, few people are capable of it, continue on your way, everyone advances at their own pace, the main thing is to take one small step every day. keep coding and take care of yourself, you are doing great :)
Marked as helpful1 - @TomSifPosted about 1 month ago
Well done for getting to the end, but I think you made the same mistake as me at the beginning, if you look at the active state file in the design folder, the hover and the focus should color the question in purple and it is the question that activates the click not the icon, because if the person does not have a mouse they cannot open the answers just with tab and enter. But as said, it also took me a while to understand what they were expecting. Keep coding, good luck :)
1@KapteynUniversePosted about 1 month ago@TomSif @Emynex4real Good job to both of you.
You can use details tag for this challange. With details, you don't even need JS and it is good for accessibility. My solution is a bit old, so i recommend you to check Eli's solution
Your animations are nice Thomas, maybe one thing to add is that when one question is opened, open one close automatically. With details it is easy too, you just add same name attribute to all details.
2@TomSifPosted about 1 month ago@KapteynUniverse
Wow, I'd never heard of <details> but this was a really cooler and easier way to do it! This tip I will remember!! THANKS :)
1
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