Design comparison
SolutionDesign
Solution retrospective
What has been done
- Use Event Delegation Pattern for accordion;
- Opening and closing animations, including JANK prevention.
- Written in SCSS using the 7-1 pattern - if you need to develop further
- Using two sass functions: fonts and colors,
- 3 sass maps: fonts, colors and sizes,
- Two mixins: one for media queries the other for gradients
Further steps to be developed
- Adding accessibility for people with disabilities: HTML semantic aria labels and tabindex - [done]
- Adding support for keys and js logic.
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