
Submitted 3 months ago
Responsive and accessible Grid Layout made with CUBE CSS methodology
#accessibility#cube-css#next#typescript
P
@DavidPokrajac
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
This project was created using CUBE CSS methodology. I tried to separate CSS styles into Composition, Utilities, and Exceptions folders. Also, I worked on making it more accessible.
What challenges did you encounter, and how did you overcome them?1.) When menu sidebar appears for mobile devices, I would like to know how the Menu Close icon, in the upper right corner, gets focus first. Also I would like to get some tips on how to improve accessibility even more. 2.) Should I give role attributes to every div and span? Also, do the nav and ul tags also need role attributes?
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