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

feat: add examples of how the carousel works on different devices #1363

Merged
merged 6 commits into from
Nov 26, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added tasks/coffee-house/carousel_desktop.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tasks/coffee-house/carousel_mobile.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions tasks/coffee-house/coffee-house-week3.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,10 @@ In this part of the task, you need to add the following functionality to the web
- For mobile devices, manual switching in the corresponding direction is additionally implemented by swiping left or right: **+2**
- When manually switching, the progress bar state of the switched slide resets, and the progress bar of the displayed slide starts to fill: **+2**
- When switching to the right after the third element, it returns to the first. When switching to the left after the first element, it returns to the third: **+2**
- Example of carousel operation on desktop:
![](carousel_desktop.gif)
- Example of carousel operation on mobile:
![](carousel_mobile.gif)
3. Categories of products on the `menu` page: **+16**
- The **Coffee** category is active and the corresponding products are displayed when opening or reloading the `menu` page: **+2**
- When switching categories, the products of the selected category are displayed: **+2**
Expand Down
Loading