Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Develop #4352

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Develop #4352

wants to merge 11 commits into from

Conversation

Miranna472
Copy link

No description provided.

Copy link

@volodymyr-soltys97 volodymyr-soltys97 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job 👍
You need to fix height for the input, height must be 70px
image

Comment on lines +28 to +29
- [DEMO LINK](https://Miranna472.github.io/layout_search-bar-airbnb/)
- [TEST REPORT LINK](https://Miranna472.github.io/layout_search-bar-airbnb/report/html_report/)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add these links to the PR description
image

src/index.html Outdated
data-qa="hover"
placeholder="Try “Los Angeles“"
/>
<div class="search-bar-container">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Redundant

Suggested change
<div class="search-bar-container">

}

body {
font-family: Avenir, Arial, Helvetica, sans-serif;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Move font styles to the html selector

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

when I move everything to html, all the fonts fly off. That's why I left it as it was

src/style.css Outdated
Comment on lines 28 to 33
box-sizing: border-box;
font-size: 16px;
text-align: left;
font-weight: 300;
font-style: normal;
margin-top: 0;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Redundant

Suggested change
box-sizing: border-box;
font-size: 16px;
text-align: left;
font-weight: 300;
font-style: normal;
margin-top: 0;

src/style.css Outdated
margin-top: 20px;
}

.search-bar.big input {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use only class selector instead of input, fix it everywhere

src/style.css Outdated
.search-bar.big input:focus {
font-size: 16px;
font-weight: 900;
line-height: 21.86px;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
line-height: 21.86px;
line-height: 22px;

src/style.css Outdated
font-size: 16px;
font-weight: 900;
line-height: 21.86px;
text-align: left;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Default value, you can just remove it everywhere

Suggested change
text-align: left;

@Miranna472
Copy link
Author

  • [х] 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 ❗️


body {
font-family: Avenir, Arial, Helvetica, sans-serif;
box-sizing: border-box;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it is common practice to apply same box-sizing for all elements

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants