What are you most proud of, and what would you do differently next time?
I am happy to have properly implemented a BEM architechture in this project and to have made the rating buttons accessible through the keyboard
What challenges did you encounter, and how did you overcome them?
I couldn't use a checkbox type input for the design, so I had create custom ones using 'role' attributes and aria-checked attributes.
What specific areas of your project would you like help with?
I couldn't get the numbers to be perfectly centered, there is always more space in the bottom. I tried using li elements, p elements, and the problem presisted. Help solving that would be appreciated.
What are you most proud of, and what would you do differently next time?
I am proud of making the website more accessible by making it possible to interact with the accordion and the tabs section through the keyboard. I'm also happy to have implemented a simple and intuitive solution to create the accordion section.
What challenges did you encounter, and how did you overcome them?
I've had issues with the layout jumping when I added hover effects to elements like buttons, because it would add a border to those elements when they previously didn't have them. I solved it by adding a transparent border to those element in their default style.
What specific areas of your project would you like help with?
I still struggle to properly name my classes. I've tried to implement a BEM architecture but ended up breaking it a few time because I thought the class names were becoming to verbose. I would appreciate if someone could point out how I could've better name my classes and implemented BEM.
What are you most proud of, and what would you do differently next time?
I am happy that I was able to utilize pseudo elements to create some of the pages elements, and to also have implemented a mobile first approach. It was also my first time using SASS and I was happy to see how easy it is to use it.
What challenges did you encounter, and how did you overcome them?
When I started the project I styled the page for desktop first and found it hard to make it responsive for smaller devices. By using a mobile-first approch, I managed to overcome this issue.
What specific areas of your project would you like help with?
I had issues making the creations grid section align with the rest of the design in desktop screens, I would appreciate if someone would point my mistake and give an ideia for making the design work