add solution

[lolekmakso]

• DEMO LINK

• TEST REPORT LINK

• Icon implemented using background-image CSS property

• Inputs are written inside of 'form' tag with correctly passed attributes

• All Typical Mistakes from BEM lesson theory are checked.

• Code follows all the Code Style Rules ❗️

[mateacademy-ai-mentor]

---

Thank you for your hard work on this project! While your code meets many of the task requirements, there are a few critical issues that need to be addressed before we can approve the pull request:

1. Font Weight for Small Search Bar: The font-weight for the small search bar should be 300 as per the task requirements, but it is currently set to 400. This needs to be corrected to meet the core requirements.

2. Incorrect data-qa Attribute: The data-qa attribute for the small search form is incorrectly set. It should be data-qa="small" instead of data-qa="hover small". This is important for ensuring the correct functionality if this attribute is used for testing or tracking.

3. CSS Selector Usage: The use of tag names for styling, except for html and body, is against the checklist requirements. This needs to be adjusted to comply with best practices and project guidelines.

4. Missing Fallback Fonts: The absence of fallback fonts in the @font-face definitions is a critical issue that can affect the display of your application if the primary font is unavailable.

5. HTML Formatting and Line Length: Ensure that HTML attributes are formatted correctly and that lines do not exceed 80 characters for better readability and maintainability.

Please address these issues to ensure that your code fully complies with the task requirements and maintains high standards of quality. Once these changes are made, we can proceed with approval. Keep up the great work, and don't hesitate to reach out if you have any questions! 😊

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

🔄 Fix the issues, commit the changes, and then re-request my review using the Re-request review button in the Reviewers tab.

[lolekmakso]

fixed errors

[lolekmakso]

• DEMO LINK

• TEST REPORT LINK

• Icon implemented using background-image CSS property

• Inputs are written inside of 'form' tag with correctly passed attributes

• All Typical Mistakes from BEM lesson theory are checked.

• Code follows all the Code Style Rules ❗️

[lolekmakso]

• DEMO LINK

• TEST REPORT LINK

• Icon implemented using background-image CSS property

• Inputs are written inside of 'form' tag with correctly passed attributes

• All Typical Mistakes from BEM lesson theory are checked.

• Code follows all the Code Style Rules ❗️

[volodymyr-soltys97]

Almost done!
To improve:

1. Don't need to hide the search icon when input is focused

[lolekmakso]

Sorry, I just didn't refresh gh-page

• DEMO LINK

[VitaliyBondarenko1982]

Looks good