From cc0a40e1bf7a6511dbae081d2b8b163b276dab52 Mon Sep 17 00:00:00 2001
From: ayush9951 <ayushgupta9951@gmail.com>
Date: Thu, 8 Jun 2023 14:22:24 +0530
Subject: [PATCH] Add margin and padding in card

---
 src/Homepage/Homepage/Homepage.css | 16 +++++++++++++++-
 src/Homepage/Homepage/Homepage.js  |  4 ++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/Homepage/Homepage/Homepage.css b/src/Homepage/Homepage/Homepage.css
index 629b7d5ae..71d6b873c 100644
--- a/src/Homepage/Homepage/Homepage.css
+++ b/src/Homepage/Homepage/Homepage.css
@@ -478,8 +478,22 @@ body {
     format("woff2");
 }
 
-/* Heading in Homepage Game on!! */
+.card-title {
+  font-size: 50px;
+  padding: 10px;
+  line-height: 40px;
+  margin-bottom: -10px;
+}
 
+.card-about {
+  margin: 15px;
+  margin-bottom: 5px;
+  padding: 10px;
+  line-height: 25px;
+  text-align: left;
+}
+
+/* Heading in Homepage Game on!! */
 .header_homepage {
   width: 80%;
   border: 5px;
diff --git a/src/Homepage/Homepage/Homepage.js b/src/Homepage/Homepage/Homepage.js
index 0670cc6c6..2dd52b042 100644
--- a/src/Homepage/Homepage/Homepage.js
+++ b/src/Homepage/Homepage/Homepage.js
@@ -54,8 +54,8 @@ function Homepage() {
             <div className="card" key={row.serial_number}>
               <div className="content">
                 <h2>{row.serial_number}</h2>
-                <h3>{row.main_heading}</h3>
-                <p>{row.about} </p>
+                <h3 className="card-title">{row.main_heading}</h3>
+                <p className="card-about">{row.about} </p>
                 {/* Create a route for your game and add it in AllRoutes.js in Routes folder then add the link in data1 in Data Folder */}
                 <Link to={row.link_game}>Play now !!!</Link>
               </div>