From fcfaa04cc6c0387ce1a688770e0efed9a5c7462c Mon Sep 17 00:00:00 2001
From: Ankit Matth <ankitmatth111@gmail.com>
Date: Fri, 20 Oct 2023 05:42:12 +0530
Subject: [PATCH] About page aligned in center

---
 frontend/src/About.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index fe26835e..53a87bc8 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -4,7 +4,7 @@
 export default function About() {
   return (
     <div className="mx-5 grid min-h-screen md:mx-36">
-      <article className="place-items-left mx-auto my-auto mt-20 flex w-full max-w-6xl flex-col gap-6 rounded-3xl bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
+      <article className="place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-4 rounded-3xl bg-gray-100 p-6 text-jet lg:p-6 xl:p-10">
         <div className="flex items-center">
           <p className="mr-2 text-3xl">About DocsGPT</p>
           <p className="text-[21px]">🦖</p>
@@ -54,7 +54,7 @@ export default function About() {
           Currently It uses{' '}
           <span className="text-blue-950 font-medium">DocsGPT</span>{' '}
           documentation, so it will respond to information relevant to{' '}
-          <span className="text-blue-950 font-medium">DocsGPT</span> . If you
+          <span className="text-blue-950 font-medium">DocsGPT</span>. If you
           want to train it on different documentation - please follow
           <a
             className="text-blue-500"