/layout_catalog_hovers

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

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/__header.scss and src/styles/__catalog.scss
  • use SCSS in this task

--> CHECKLIST

Tips & Hints

  • Do not use tabs. Use 2 spaces for indentation.
  • Don't use repeated styles.
  • There are no tests for this task yet, so check your code one more time :)