mate-academy · usernameluke · Oct 4, 2023 · Oct 5, 2023 · Oct 9, 2023 · anastasiia-tilikina
diff --git a/readme.md b/readme.md
@@ -1,6 +1,6 @@
 # Frontend practice with catalog page and hovers
 Replace `<your_account>` with your Github username and copy the links to Pull Request description:
-- [DEMO LINK](https://<your_account>.github.io/layout_catalog_hovers/)
+- [DEMO LINK](https://usernameluke.github.io/layout_catalog_hovers/)
 
 > Follow [this instructions](https://github.com/mate-academy/layout_task-guideline#how-to-solve-the-layout-tasks-on-github)
 

diff --git a/src/index.html b/src/index.html
@@ -13,7 +13,7 @@
     >
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
 
-    <link rel="stylesheet" href="styles/main.scss">
+    <link rel="stylesheet" href="styles/main.css">
   </head>
   <body class="page__body">
     <header class="header">

diff --git a/src/styles/blocks/catalog.scss b/src/styles/blocks/catalog.scss
@@ -18,6 +18,14 @@
     border-radius: 5px;
     margin-bottom: 48px;
 
+    transition-duration: 300ms;
+    transition-property: transform, color;
+
+    &:hover {
+      transform: scale(120%);
+      color: #34568b;
+    }
+
     &:not(:nth-child(4n)) {
       margin-right: 48px;
     }

diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
@@ -38,5 +38,11 @@
     text-transform: uppercase;
     font-size: 12px;
     font-weight: 500;
+    transition-duration: 300ms;
+    transition-property: color;
+
+    &:hover {
+      color: #00acdc;
+    }
   }
 }
diff --git a/src/styles/main.css b/src/styles/main.css
diff --git a/src/styles/main.css.map b/src/styles/main.css.map