Merge pull request #548 from MuraliDharan7/add-hover-usersreview

added hover effect for user reviews

Author: ajay-dhangar

src/pages/index.module.css

@@ -33,4 +33,12 @@
 
 .section {
   padding: 1rem;
+}
+.tweetContainer {
+  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
+}
+
+.tweetContainer:hover {
+  transform: scale(0.8); 
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
 }

src/pages/index.tsx

@@ -57,7 +57,9 @@ function TweetsSection() {
               key={i}
             >
               {tweetItems.map((tweet) => (
+                <div className={styles.tweetContainer} key = {tweet.url}>
                 <Tweet {...tweet} key={tweet.url} />
+                </div>
               ))}
             </motion.div>
           ))}