@vanderms
Posted
Hi congratullations for completing this challenge.
About your question, the scss folder structure is not something opinonated, so the developer has some freedom to choose the best structure for each project.
I like the structure you chose and I think I've already done something similar. But the problem with this structure is that the react components become less reusable since the scss modules are not in the same folder than the jsx, tsx files.
I've also tried putting the module.scss in the same folder as the react components. But this approach also has its drawbacks.
One of them is that in a scss project you always have some kind of scss file with mixins, variables and functions that you need to @use in every other scss file and although you can use absolute path to import it, the solution is never very good.
About the HTML, you should look at the solution report. Your HTML can be very clean if you correct all errors and warnings in the report. But I think that you should know that a clean and semantic HTML doesn't have much impact in SEO.
Things like quality of the content and backlinks are much more important for SEO than HTML tags.
Marked as helpful