add task solution

[Iryna8989]

DEMO LINK:

https://iryna8989.github.io/layout_creativeBakery/

[brespect]

Good progress, but you need to add your DEMO LINK tot he PR description

[Iryna8989]

Done, I’ve added the demo link to the PR description

[brespect]

Good progress, almost done:

1. Menu should have no scrolls:

2. Add underline hover to this buttons:

[Iryna8989]

Thank you, I have a couple of questions regarding the review comments.

1. "Menu should have no scrolls"
   I'm not sure what exactly is meant here. I don't see any scrollbars in the menu on my side, and I also don't see a visible scrollbar in the screenshot from the review.
   I already disable page scrolling when the menu is open:

&:has(.page__menu:target) {
overflow: hidden;
}

If the comment refers to:

.menu {
overflow: auto;
}

I added it intentionally as a fallback in case the menu contains more items in the future and doesn't fit into the viewport. As far as I remember, we used the same approach in a previous project. Could you please clarify what should be changed here?

2. I tried two implementations and I'm not sure which one is expected:

• the underline appears when hovering the entire product card (since the whole card is clickable).
• the underline appears only when hovering the "Order" button itself.

At the moment I left the second option. Which approach would you prefer for this project?

[etojeDenys]

good job

i think mentor considered this solution which you used in the previous task

[Iryna8989]

Thank you for the clarification.

Just to note, this solution was already implemented before the review comment was left:

.page:has(.page__menu:target) {
overflow: hidden;
}

This code has been in the project from the beginning and page scrolling is already disabled when the menu is open.

Could you please clarify if there is another issue with the menu that should be fixed?

[vitalii-bondarenko-ua]

Looks good