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 #4427

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

Conversation

YuliiaShatkovska
Copy link

@YuliiaShatkovska YuliiaShatkovska commented Aug 13, 2024

Hello, locally all 6 tests are passed, but here they failed:
backstop

  • 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 ❗️

Copy link

@VolodymyrKirichenko VolodymyrKirichenko left a comment

Choose a reason for hiding this comment

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

Overall - good job, but let's improve your code.
Also fix the demo link because I don't see your updated result(Try deploy again)

src/style.css Outdated
font-family: inherit;
outline: none;

/* font-weight: 400; */

Choose a reason for hiding this comment

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

delete all the comments from CSS file

src/style.css Outdated
.form__search-bar:focus {
border-radius: 3px;
font-weight: 900;
background: linear-gradient(180deg, var(--background-color) 0%, #f6f6f7 100%);

Choose a reason for hiding this comment

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

use variables for all colors

src/style.css Outdated
Comment on lines 89 to 93
background-image: url(./images/Search.svg);
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain;

Choose a reason for hiding this comment

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

use background property for this as you did above

Copy link

@BudnikOleksii BudnikOleksii left a comment

Choose a reason for hiding this comment

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

Looks good 👍

@@ -1 +1,106 @@
/* add styles here */
/* #region PAGE */

Choose a reason for hiding this comment

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

Remove all comments

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