Skip to content

add task solution#564

Open
232567 wants to merge 3 commits into
mate-academy:masterfrom
232567:develop
Open

add task solution#564
232567 wants to merge 3 commits into
mate-academy:masterfrom
232567:develop

Conversation

@232567

@232567 232567 commented Jul 7, 2026

Copy link
Copy Markdown

@raulriato raulriato left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You are missing some key points from the chacklist.md.

Also, you didn't push the index.html. Run git add index.html and then commit and push it.

Some points missing in your page:

  1. Add favicon
  2. Menu on mobile should contain navigation links. Menu example
  3. Logos should become bigger on hover and lead to the first section
  4. Icons in the “about us” block should be animated on hover
  5. The arrow icon in the footer should increase when hovering and when clicked smoothly scroll the page to the top
  6. Under the button “see more about us”, the strip should stretch to the full width when hovering and lead to the CrazyBaby website
  7. All interactive elements(links, buttons, pictures, icons) should have a hover effect and cursor pointer. User must intuitively understand that he can interact with them
  8. When you try to send the form there is no 405 error and the form is automatically cleared after submit and is scrolled to the top of the page or the page is reloaded

Remember to run npm run deploy after pushing the changes.

If you need any help, please join a Bate papo com o mentor meeting, or ask for help in the chat

Comment on lines +4 to +9
&__content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 120px;
align-items: start;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

This is causing your mobile layout to break.

Comment on lines +11 to +13
&__logo-image {
width: 180px;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

All your Logo images should have a hover effect to get bigger.

Comment on lines +29 to +36
.benefit {
text-align: center;

&__icon {
width: 42px;
height: 42px;
margin: 0 auto 40px;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

All __icon should be animated on hover. You can choose the animation style.

Comment on lines +37 to +41
&__top {
position: absolute;
top: 120px;
right: 0;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

This icon should get bigger on hover

Comment on lines +43 to +54
&::after {
content: '';

position: absolute;
bottom: -8px;
left: 0;

width: 60px;
height: 1px;

background-color: $c-accent;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

  1. Under the button “see more about us”, the strip should stretch to the full width when hovering and lead to the CrazyBaby website

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