Frontend practice with catalog page and hovers
Replace <your_account> with your Github username and copy the links to Pull Request description:
Follow this instructions
❗️❗️❗️ DON’T FORGET TO PROOFREAD YOUR CODE WITH CHECKLIST BEFORE SENDING YOUR PULL REQUEST❗️❗️❗️
The task
- Make all the changes smooth on hover
- Smoothly (during 300ms) increase the card by 20 percent on hover (neighboring cards should not be affected)
- Smoothly (during 300ms) change card title text color to
#34568b
:hover should be applied only to the card, do not add it to the title directly
- Smoothly (during 300ms) change navigation link text color to
#00acdc
Requirements:
- edit styles in
src/styles/blocks/header.scss and src/styles/blocks/catalog.scss
- use
SCSS in this task
- use
SCSS variables for values, used in several places throughout the code
Tips & Hints
- There are no tests for this task yet, so check your code one more time :)