Ready-made html code and css styles for the task Search bar for Airbnb #4751
Conversation
There was a problem hiding this comment.
Great job on your submission! 🎉 Your code is well-structured and meets most of the task requirements. While there are a few minor issues, such as the use of the * selector and the need for fallback fonts in the font-family property, these do not critically impact the functionality of your code. Remember to keep lines under 80 characters for readability and consider defining 'Avenir' with the appropriate font-weight instead of 'Avenir-Heavy'. Keep up the good work and continue refining your skills! 😊
✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨
|
|
||
| .search-bar-input:focus { | ||
| outline: none; | ||
| font-family: Avenir-Heavy, sans-serif; |
There was a problem hiding this comment.
The font-family 'Avenir-Heavy' is not defined as a separate font-family in the @font-face declarations. You should use 'Avenir' with the appropriate font-weight to achieve the desired style.
[x] Icon implemented using background-image CSS property
[x] Inputs are written inside of 'form' tag with correctly passed attributes
[x] All
Typical MistakesfromBEMlesson theory are checked.[x] Code follows all the Code Style Rules ❗️