Skip to content

mate-academy/layout_catalog_hovers

Repository files navigation

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 :)