Classname updates

Author: sadanandpai

web/src/app/app.css

@@ -1,7 +1,3 @@
-.cards.cards {
-   gap: 2rem;
-}
-
 .card span {
   display: flex;
   justify-content: center;
@@ -13,4 +9,8 @@
 
 .dark .card:hover {
   border-color: white;
+}
+
+.text-center {
+  text-align: center;
 }

web/src/app/page.mdx

@@ -6,7 +6,7 @@ export const metadata = {
   title: "JavaScript Code Challenges",
 }
 
-<div style={{textAlign: 'center'}}>
+<div className="text-center">
 <br/>
 # Welcome to JS Code Challenges
 
@@ -34,7 +34,7 @@ Collection of modern interview code challenges on JavaScript suitable for <br />
 <br />
 <br />
 
-<div style={{textAlign: 'center'}}>
+<div className="text-center">
   Show your support by giving a ★ <br /> to [JavaScript Code
   Challenges](https://github.com/sadanandpai/javascript-code-challenges) repo
 </div>