add task solution

[alena-bondar]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

It looks like you've made a great effort on this Pull Request! However, there are a few important adjustments to make before it's ready to merge. Please address the feedback regarding fallback fonts, redundant CSS, the use of the * selector, attribute formatting, and consistent indentation. These changes will ensure your code is more maintainable and adheres to standard practices. Keep up the good work, and I'm sure your code will be even better with these improvements! 😊👍

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

[mateacademy-ai-mentor]

Add empty lines between multiline sibling blocks of HTML to simplify reading the code. However, make sure not to add them between parent and child elements. For example, there should be an empty line between the closing </div> tag of one block and the opening <div> tag of the next block.

[alena-bondar]

I already have an empty line between the closing tag of one block and the opening

tag of the next block.

[mateacademy-ai-mentor]

Don't use the * selector as it impacts performance. Instead, set styles only for elements that require them.

[mateacademy-ai-mentor]

The body tag is an exception where you can use tag names for styling, so this is acceptable. However, since you have already reset the margin in the * selector, this is redundant and can be removed.

[mateacademy-ai-mentor]

Remember to use fallback fonts - alternative font-family in case the main one doesn't work. Here you could specify a fallback font-family for .stars__star if you have a custom font applied.

[mateacademy-ai-mentor]

Great job on your Pull Request! Just a few minor suggestions to enhance your code's readability and maintainability. Remember to use fallback fonts to ensure text is always displayed nicely, keep lines under 80 characters for better readability, and maintain consistent indentation to make the structure of your HTML clear. These aren't blockers but following these practices will make your code even better! Keep up the good work! 😊👍

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

[mateacademy-ai-mentor]

The tag and its children should have a 2-space indentation to reflect the nesting level properly.

[mateacademy-ai-mentor]

Remember to use fallback fonts - alternative font-family in case the main one doesn't work. It's a good practice to specify a generic family as a fallback. For example, font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; ensures that if Arial is not available, the browser will try Helvetica Neue, then Helvetica, and finally any available sans-serif font.