add task solution

[DSOst]

• DEMO LINK

• TEST REPORT LINK

• ❗️ Copy this Checklist to the Pull Request description after links, and put - [x] before each point after you checked it.

• there 2 BEM blocks card and stars each in their own file

• SCSS Nesting is used for elements, modifiers and pseudo-classes

• SCSS Variables are used for main values and placed in a separate file

• all stars--N modifiers work as expected (Highlight first N stars)

• Code follows all the Code Style Rules ❗️

[mateacademy-ai-mentor]

Great job on meeting most of the task requirements! 🎉 While there are a few minor issues like the invalid href attribute on the <button>, redundant font-weight declarations, and the incorrect font-style property, these don't significantly impact the functionality. Keep up the good work and consider addressing these points for cleaner code in the future! 😊

✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨

[mateacademy-ai-mentor]

The href attribute is not valid for a <button> element. If you want to link to another section or page, consider using an <a> tag instead, or handle the navigation with JavaScript.

[mateacademy-ai-mentor]

The font-weight property is defined twice for the &-amount class. You should remove one of these declarations to avoid redundancy. Consider keeping font-weight: bold; as it is more descriptive.

[mateacademy-ai-mentor]

The font-style property should not be set to bold. Instead, it should be normal or italic. Since this is a bold font, you should set font-style: normal;.