From d70ea2ddbeb513546f99ab7c6b234d81aa5be3c8 Mon Sep 17 00:00:00 2001
From: Amit Biswas <amit.142biswas@gmail.com>
Date: Sat, 3 Feb 2024 19:12:24 +0530
Subject: [PATCH] aligned headers in dashboard page

---
 .hintrc        |  7 +++++--
 dashboard.css  | 42 +++++++++++++++++++++++++++++++++++++++++-
 dashboard.html |  4 ++--
 3 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/.hintrc b/.hintrc
index 27d27a1..8ee774b 100644
--- a/.hintrc
+++ b/.hintrc
@@ -14,9 +14,12 @@
     "axe/name-role-value": [
       "default",
       {
-        "button-name": "off"
+        "button-name": "off",
+        "link-name": "off"
       }
     ],
-    "compat-api/css": "off"
+    "compat-api/css": "off",
+    "detect-css-reflows/composite": "off",
+    "detect-css-reflows/paint": "off"
   }
 }
\ No newline at end of file
diff --git a/dashboard.css b/dashboard.css
index 12fbf8d..79a7715 100644
--- a/dashboard.css
+++ b/dashboard.css
@@ -85,6 +85,42 @@ main {
     animation: fadeIn 1s ease-in-out;
 }
 
+#appln{
+    display: flex;
+    align-items: center;
+    margin-right: 30rem;
+    margin-left: 5rem;
+}
+
+#book{
+    display: flex;
+    align-items: center;
+    margin-right: 23rem;
+    margin-left: 15rem;  
+}
+
+#org{
+    color: #72D34F;
+    display: flex;
+    align-items: center;
+    margin-right: 25rem;
+    margin-left: 10rem;  
+}
+
+#art{
+    display: flex;
+    align-items: center;
+    margin-right: 23rem;
+    margin-left: 15rem;  
+}
+
+#conf{
+    display: flex;
+    align-items: center;
+    margin-right: 27rem;
+    margin-left: 3rem;  
+}
+
 .grid {
     display: grid;
     grid-template-columns: repeat(8, 1fr);
@@ -355,4 +391,8 @@ body.scroll-down .back-to-top {
     }
 }
 
-
+#book{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
diff --git a/dashboard.html b/dashboard.html
index 5ae21a3..8372b6a 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -29,7 +29,7 @@
     <main>
         <!-- <h1 class="heading">Enter your Space</h1> -->
         <div id="app">
-        <h1 class="heading">Applications</h1>
+        <h1 id="appln" class="heading">Applications</h1>
             <div class="grid">
                 <div data-tilt class="left">Nyxo</div>
                 <div data-tilt class="left">Sanvello</div>
@@ -48,7 +48,7 @@ <h1 id="book" class="heading">Books</h1>
             <div data-tilt class="right"><a href="https://www.amazon.in/Technology-Mental-Health-Foundations-Routledge/dp/0367773597"><img src="https://m.media-amazon.com/images/P/0367773597.01._SCLZZZZZZZ_SX500_.jpg" id="bookimg"></a></div>
             <div data-tilt class="right"><a href="https://arcus-www.amazon.in/Therapy-Tech-Digital-Transformation-Healthcare-ebook/dp/B09FYRYLXF"><img src="https://m.media-amazon.com/images/P/B09FYRYLXF.01._SCLZZZZZZZ_SX500_.jpg" id="bookimg"></a></div>
         </div>
-        <h1 id="org" class="heading">Organizations</h1>
+        <h1 id="org">Organizations</h1>
         <div class="grid">
             <div data-tilt class="left">Black Minds Matter</div>
             <div data-tilt class="left">Brown Sisters Speak</div>