layout_search-bar-airbnb

[SerhiiSemennikov]

• 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]

Good job 👍
Let's improve your code
The input should span the entire width of the browser window

The horizontal margin must be 8px

[volodymyr-soltys97]

GJ!
To improve:
Don't need to hide the search icon when input is focused and remove default blue border

[volodymyr-soltys97]

Suggested change

	body {
	margin: 8px;
	}

[volodymyr-soltys97]

Use only class selector

[lerastarynets]

Pls deploy test reports as now they're unavailable via the link

[SerhiiSemennikov]

https://serhiisemennikov.github.io/report/

Pls deploy test reports as now they're unavailable via the link

https://serhiisemennikov.github.io/report/

[volodymyr-soltys97]

Almost done!
To improve:

1. Remove the horizontal scroll, you need to use box-sizing property for fix it

2. Remove default blue border when input is focused

[volodymyr-soltys97]

Default margin

Suggested change

	.body {
	margin: 8px;
	}

[SerhiiSemennikov]

Almost done! To improve:

1. Remove the horizontal scroll, you need to use box-sizing property for fix it

2. Remove default blue border when input is focused

i do not how to remove this blue border, because i have it black?

[volodymyr-soltys97]

Almost done!
To improve:

1. Add border: none for input for remove blue border

2. Don't need to hide placeholder text when input is focused and empty

[volodymyr-soltys97]

Default value, pls remove it

Suggested change

	.body {
	margin: 8px;
	}

[lerastarynets]

You've got this, keep pushing forward!