From 691778c7dc0364bae4a60771a6048d26d1b63f24 Mon Sep 17 00:00:00 2001
From: unknown <jaybamroliya05@gmail.com>
Date: Sun, 2 Oct 2022 16:27:11 +0530
Subject: [PATCH] changed styling in view all section in changed the color and
 hover in and changed Read More link in Change color and give Hover Option

---
 .vscode/launch.json                              | 16 ++++++++++++++++
 src/components/Landing/Categories/categories.css |  2 ++
 .../Landing/CategoryBlogs/categoryBlogs.css      |  2 +-
 src/components/Landing/HeroBlog/HeroBlog.tsx     |  3 ++-
 src/components/Landing/HeroBlog/heroBlog.css     |  6 ++++++
 5 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 .vscode/launch.json

diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..8388f07
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,16 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/components/Landing/Categories/categories.css b/src/components/Landing/Categories/categories.css
index bd54df4..62eef43 100644
--- a/src/components/Landing/Categories/categories.css
+++ b/src/components/Landing/Categories/categories.css
@@ -64,6 +64,8 @@
   color: #196712;
 }
 
+
+
 /* CATEGORIES - END */
 /* Tablet/Laptop Version 550*/
 @media only screen and (min-width: 550px) {
diff --git a/src/components/Landing/CategoryBlogs/categoryBlogs.css b/src/components/Landing/CategoryBlogs/categoryBlogs.css
index 0ed8400..90ba3ee 100644
--- a/src/components/Landing/CategoryBlogs/categoryBlogs.css
+++ b/src/components/Landing/CategoryBlogs/categoryBlogs.css
@@ -21,7 +21,7 @@
 
 .labels a {
   text-decoration: none;
-  color: #5b5858b0;
+  color: rgb(0 0 0 / 78%);
   font-size: 0.75rem;
   font-weight: bold;
   transition: all 0.3s ease;
diff --git a/src/components/Landing/HeroBlog/HeroBlog.tsx b/src/components/Landing/HeroBlog/HeroBlog.tsx
index c6a844a..5f54590 100644
--- a/src/components/Landing/HeroBlog/HeroBlog.tsx
+++ b/src/components/Landing/HeroBlog/HeroBlog.tsx
@@ -48,7 +48,8 @@ const HeroBlog: React.FC<propTypes> = ({
           <p className="hero-card-title">{title}</p>
           <p className="hero-card-date"> {date} </p>
           <p className="hero-card-text">{content}</p>
-          <Link to={`/blogs/${slug}`}>Read More</Link>
+         <div class="fade-in-text"><Link to={`/blogs/${slug}`}>Read More</Link>
+         </div>
         </div>
       </section>
       {sideBar && (
diff --git a/src/components/Landing/HeroBlog/heroBlog.css b/src/components/Landing/HeroBlog/heroBlog.css
index 526bdef..fd9b371 100644
--- a/src/components/Landing/HeroBlog/heroBlog.css
+++ b/src/components/Landing/HeroBlog/heroBlog.css
@@ -81,6 +81,11 @@
   font-size: 0.9rem;
   font-weight: 450;
 }
+.hero-card-content a:hover{
+  color: #5b5858d8;
+}
+
+
 .side-section {
   display: none;
   text-align: left;
@@ -99,6 +104,7 @@
   width: 100%;
 }
 
+
 /* FROM THE BLOG - END */
 
 /* Tablet/Laptop Version 550*/