Hey!
I just checked your solution and it is really good. Your code is clean and easy to understand. The only thing I missed was the mobile view, but overall I think you did a great job :)
What are you most proud of, and what would you do differently next time?
I am most proud of the timing of the project, even though it is a simple component, I was able to get it mostly done in under 2 hours. Getting the performance right was another important part of this project. The next project I will implement more components so it can prepare me for the bigger projects.
What challenges did you encounter, and how did you overcome them?
I didn't run into many problems that I couldn't handle. Whenever I needed any reminding I used the official docs of SCSS so I could apply the correct structure of the styles.
What specific areas of your project would you like help with?
If you see anything broken please let me know. I have tried it in Firefox, Arc, and Edge which is Chromium so Chrome should work properly.
What are you most proud of, and what would you do differently next time?
I've tried to use semantic HTML and BEM using SASS.
What challenges did you encounter, and how did you overcome them?
Using BEM I often overthink things. I needed to go back again and rewrite it few times.
Sometimes output was not as I expected. I double checked everything with developer tools and fixed the problems. Mostly it was adding padding and margins to inline elements without realizing it.
What specific areas of your project would you like help with?
I'd like someone to check my semantic HTML. I'm not really comfortable with it yet and I'm not sure if I used it right. Any help on that topic is welcome. Also reviewing code in general would be highly appreciated.
Does the solution include semantic HTML?
Yes, I see that you have used semantic elements to organize your HTML code.
Is it accessible, and what improvements could be made?
In general you solved the challenge in a very structured way and I don't see anything you should improve or change.
Does the layout look good on a range of screen sizes?
The layout look good but I am not sure that you have implemented a responsive solution.
Is the code well-structured, readable, and reusable?
I find really cool how you modularized in components your scss code.
Does the solution differ considerably from the design?
Your solution is very close to the design proposed in the challenge.
Nice solution! :)
I just finished this challenge and paid attention on the automatic feedback from the frontend mentor. Using semantic HTML can help you organize your code better. From your code I will practice to use variables for the next time :)