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

add task solution #3669

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

add task solution #3669

wants to merge 4 commits into from

Conversation

mishawk
Copy link

@mishawk mishawk commented Oct 4, 2023

No description provided.

@mishawk
Copy link
Author

mishawk commented Oct 16, 2023

DEMO LINK
TEST REPORT LINK

Copy link

@roman-mirzoian roman-mirzoian 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, but don't forget to format your code well.

src/index.html Outdated
Comment on lines 14 to 27
<form class="search-form"
data-qa="big">
<input class="search-input big-form"
data-qa="keypress"
type="text"
placeholder="Try &quot;Los Angeles&quot;">
</form>

<form class="search-form"
data-qa="small">
<input class="search-input small-form"
type="text"
placeholder="Try &quot;Los Angeles&quot;">
</form>

Choose a reason for hiding this comment

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

image

Copy link

@And678 And678 left a 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

Comment on lines +15 to +19
class="search-form"
data-qa="big"
>
<input
class="search-input big-form"
Copy link

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

@mishawk mishawk requested a review from And678 October 16, 2023 13:44
Copy link

@polosanya polosanya left a comment

Choose a reason for hiding this comment

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

👍

Comment on lines +35 to 37
</form>

</body>

Choose a reason for hiding this comment

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

Suggested change
</form>
</body>
</form>
</body>

Don't leave empty lines between parent and child elements

Comment on lines +43 to +57
.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);

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

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.

4 participants