I am a bit confused about how to manage different layouts for varying screen sizes.
Any advice to improve is appreciated!
I am learning about accessibility, and I would appreciate any advice on how to improve.
I'm completely new to web accessibility. I tried to do my best, but if you see any way to improve it, please let me know!
I am most proud of learning to use CUBE CSS in a project.
What challenges did you encounter, and how did you overcome them?I faced a challenge in creating coloured image overlay as needed in the design. After some tries & Google searches I found this article that helped me with required CSS.
What specific areas of your project would you like help with?CSS techniques
Well done! You could use padding-block or padding-inline instead of specifying each side separately. Also, the overlay seems a bit lower than it should be. Using position: relative to the image and position: absolute on the overlay might help fix it.
Wow, this one was a real challenge. There were a lot of different parts to the JavaScript, that each took me a fair amount of time. And it feels like the kind of solution that I need to revisit and clean up and refactor. I'll take a breath first, and then try to come back to it with fresh eyes to see all the ways it can be improved.
I am happy with the conformity to the challenge design.
What challenges did you encounter, and how did you overcome them?Animating the nav menu gave me more trouble than it should have. But by stepping away from it for a break, I was able to clear my head so that the solution could present itself.
What specific areas of your project would you like help with?I am always grateful for any tips/suggestions on how to improve the quality of my code. Thanks!
Everything works really well, and your solution matches the design perfectly. Well done! The only issue I found is that the screen reader is not reading the success message. Keep up the hard work!
I'm happy with the amount of time I spent on this project, and that I was able to finish it in a few hours. Originally I made the faq container using position: absolute, and I next time I would keep the container in the flow of the layout and center it so I didn't have to worry about the position of the footer.
What challenges did you encounter, and how did you overcome them?The biggest struggle I had was getting the plus and minus icons toggle to function correctly, but breaking it down and getting it to work on one and expanding helped me deal with the problem on hand and fix it relatively quickly without getting confused or writing too much code.
What specific areas of your project would you like help with?Any feedback is welcome! Overall, I'm pretty happy with the result.
Good job! However, you are missing some details, such as the pointer to show that it is clickable. Additionally, the answers are not accessible with a screen reader
Great job! Everything looks good! When you use type="module", the browser automatically defers script loading until the HTML document is fully parsed. Thus, there’s no need to specify defer again.
