This is a solution to the FAQ Accordion challenge. Frontend Mentor challenges help you improve your coding skills by building realistic faq-accordions.
- I started with the markup on index.html, complying with HTML5 semantic tags and standards as much as possible.
- The styling provided by the faq-accordion briefing was implemented first, followed by the classes I came up with on the markup.
- I used Figma to acquire all the right dimensions involved in the layout and implemented them in the appropriate CSS classes.
- The CSS Cube methodology was used when coding the stylesheet and some of the conventions from BEM were used when naming classes.
- Semantic HTML5 markup
- Cube CSS methodology
- This was the first time I implemented a CSS-only accordion. It wasn't the easiest solution ever but there are many resources and examples online that can help one overcome the challenge.
- I managed to change the entire appearance of SVG icons just by manipulating their attributes through CSS.