make a deploy

[romka12254]

• DEMO LINK
• TEST REPORT LINK
• Yellow stars are added with container modifier + pseudo-selector (NO extra classes)
• Each BEM block has its own separate file
• All Typical Mistakes from BEM lesson theory are checked.
• Code follows all the Code Style Rules ❗️

[mateacademy-ai-mentor]

Great job on your Pull Request! 🎉 Just a few minor issues to keep in mind for future work: be mindful of consistent margin usage, avoid using the * selector for better performance, and pay attention to proper formatting with indentation and spacing in your HTML. These small adjustments can 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]

Remember about correct indentation between parent and child elements. Each child element should be indented by 2 spaces relative to its parent.

[mateacademy-ai-mentor]

Add empty lines between multiline sibling blocks of HTML to add some 'air' and simplify reading. But don't add them between parent and child elements.

[mateacademy-ai-mentor]

Add empty lines between multiline sibling blocks of HTML to add some 'air' and simplify reading. But don't add them between parent and child elements.

[mateacademy-ai-mentor]

Add empty lines between multiline sibling blocks of HTML to add some 'air' and simplify reading. But don't add them between parent and child elements.

[mateacademy-ai-mentor]

Don't use * selector (it impacts performance). Set styles only for elements that require them. Zeroing out your margins, paddings or other styles with '*' is still inefficient for the browser.

[mateacademy-ai-mentor]

Be consistent with your margins. Add only top or bottom, but not both to avoid potential margin collapse. In this case, you have a margin-bottom, which could be alright if you're following a top-to-bottom margin policy, but ensure this is consistent across your styles.