-
Notifications
You must be signed in to change notification settings - Fork 4.1k
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
add task solution #3669
base: master
Are you sure you want to change the base?
add task solution #3669
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good job, but don't forget to format your code well.
src/index.html
Outdated
<form class="search-form" | ||
data-qa="big"> | ||
<input class="search-input big-form" | ||
data-qa="keypress" | ||
type="text" | ||
placeholder="Try "Los Angeles""> | ||
</form> | ||
|
||
<form class="search-form" | ||
data-qa="small"> | ||
<input class="search-input small-form" | ||
type="text" | ||
placeholder="Try "Los Angeles""> | ||
</form> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Gj, only one issue to fix
class="search-form" | ||
data-qa="big" | ||
> | ||
<input | ||
class="search-input big-form" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Use BEM classes for styling, e.g .search, .search__input, .search--big
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
</form> | ||
|
||
</body> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
</form> | |
</body> | |
</form> | |
</body> |
Don't leave empty lines between parent and child elements
.big-form { | ||
height: 70px; | ||
background: var(--big-search-icon); | ||
padding-left: 62px; | ||
font-family: inherit; | ||
font-size: var(--big-form-font); | ||
} | ||
|
||
.small-form { | ||
height: 42px; | ||
font-family: inherit; | ||
padding-left: 33px; | ||
background: var(--small-search-icon); | ||
font-size: var(--small-form-font); | ||
background-size: var(--small-background-size); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You could make small/big form be the default one and add a modifier only to another
No description provided.