From fa4dbd6a55b437ef154e7f0bda2c344c692174c0 Mon Sep 17 00:00:00 2001
From: Kishan Poddar <nandanpoddar546@gmail.com>
Date: Sun, 20 Aug 2023 19:28:12 +0530
Subject: [PATCH] add hover effect on social-media icons

---
 blog.html  |  8 ++++----
 index.html | 10 +++++-----
 style.css  |  3 +++
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/blog.html b/blog.html
index 6993c6fd..dd9f1a05 100644
--- a/blog.html
+++ b/blog.html
@@ -172,8 +172,8 @@ <h3 class="text-2xl ">Subscribe to our newsletter</h3>
       <!-- Social icons  -->
       <div class=" flex-1 flex flex-col items-center justify-center ">
         <div class="text-2xl">Follow us on</div>
-        <div class="flex mt-2 flex-row space-x-3 my-0">
-          <div>
+        <div class="flex mt-2 flex-row space-x-3 my-0 ">
+          <div class="hover:scale-110 transition-all">
             <a href="#" class=" w-5 ml-3">
               <!-- Facebook icon -->
               <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" class="fill-white" viewBox="0 0 20 20">
@@ -182,7 +182,7 @@ <h3 class="text-2xl ">Subscribe to our newsletter</h3>
               </svg>
             </a>
           </div>
-          <div>
+          <div class="hover:scale-110 transition-all">
             <a href="#" class=" w-10 ml-3 mr-3">
               <!-- Instagram icon -->
               <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" class="fill-white" viewBox="0 0 20 20">
@@ -191,7 +191,7 @@ <h3 class="text-2xl ">Subscribe to our newsletter</h3>
               </svg>
             </a>
           </div>
-          <div>
+          <div class="hover:scale-110 transition-all">
             <a href="/akshitagupta15june/PetMe" target="_blank" class="w-10 ml-3 mr-3">
               <!-- Github icon -->
               <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" class="fill-white" viewBox="0 0 20 20">
diff --git a/index.html b/index.html
index 1d542ab8..808493cf 100644
--- a/index.html
+++ b/index.html
@@ -850,10 +850,10 @@ <h3 class="text-2xl">Subscribe to our newsletter</h3>
 
 				<!-- Social icons  -->
 				<div class="flex-1 flex flex-col items-center justify-center">
-					<div class="text-2xl">Follow us on</div>
+					<div class="text-2xl">Follow us on </div>
 					<div class="flex mt-2 flex-row space-x-3 my-0">
-						<div>
-							<a href="#" class="w-5 ml-3">
+						<div class="hover:scale-110 transition-all">
+							<a href="#" class="w-5 ml-3 ">
 								<!-- Facebook icon -->
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
@@ -868,7 +868,7 @@ <h3 class="text-2xl">Subscribe to our newsletter</h3>
 								</svg>
 							</a>
 						</div>
-						<div>
+						<div class="hover:scale-110 transition-all">
 							<a href="#" class="w-10 ml-3 mr-3">
 								<!-- Instagram icon -->
 								<svg
@@ -884,7 +884,7 @@ <h3 class="text-2xl">Subscribe to our newsletter</h3>
 								</svg>
 							</a>
 						</div>
-						<div>
+						<div class="hover:scale-110 transition-all">
 							<a
 								href="/akshitagupta15june/PetMe"
 								target="_blank"
diff --git a/style.css b/style.css
index 920aa81a..891264fc 100644
--- a/style.css
+++ b/style.css
@@ -222,4 +222,7 @@
     color: white;
   }
 
+  #facebook {
+    
+  }