From c0ca4bf250c7299b161059ef849187dd6fd7a3a0 Mon Sep 17 00:00:00 2001
From: akash02ab <akash02.ab@gmail.com>
Date: Mon, 15 Jan 2024 22:21:38 +0530
Subject: [PATCH] fix: ui-center-issue on frequently asked question section

---
 frontend/components/component/component.jsx | 76 +++++++++++----------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/frontend/components/component/component.jsx b/frontend/components/component/component.jsx
index 26ee056..30ba734 100644
--- a/frontend/components/component/component.jsx
+++ b/frontend/components/component/component.jsx
@@ -160,43 +160,45 @@ export function Component() {
         </section>
         <Testimonial />
         <section className="container mx-auto px-4 py-16">
-          <h2 className="text-3xl font-bold mb-16 text-center">Frequently asked questions</h2>
-          <div className="space-y-9 lg:space-x-80 md:space-x-40">
-            <details>
-              <summary className="font-bold cursor-pointer">What is a URL shortener?</summary>
-              <p>
-                A URL shortener is a tool that creates a short, unique URL that will redirect to the specified webpage
-                when accessed.
-              </p>
-            </details>
-            <details>
-              <summary className="font-bold cursor-pointer">What is a custom URL shortener?</summary>
-              <p>
-                A custom URL shortener allows you to brand your short links with your chosen domain name, providing a
-                consistent identity for your links.
-              </p>
-            </details>
-            <details>
-              <summary className="font-bold cursor-pointer">What is a QR Code?</summary>
-              <p>
-                A QR Code is a two-dimensional barcode that can be scanned using a smartphone camera to quickly access a
-                webpage or app.
-              </p>
-            </details>
-            <details>
-              <summary className="font-bold cursor-pointer">What is a Link-in-bio?</summary>
-              <p>
-                A Link-in-bio is a single link that directs followers to a curated page with multiple links, often used
-                on social media profiles.
-              </p>
-            </details>
-            <details>
-              <summary className="font-bold cursor-pointer">Why choose SnapshortURL?</summary>
-              <p>
-                SnapshortURL offers robust link management features, detailed analytics, and a wide range of integrations,
-                making it a top choice for businesses and individuals.
-              </p>
-            </details>
+          <h2 className="text-3xl font-bold mb-8 text-center">Frequently asked questions</h2>
+          <div className="flex flex-col items-center">
+            <div className="max-w-[290px] space-y-4">
+              <details>
+                <summary className="font-bold cursor-pointer">What is a URL shortener?</summary>
+                <p className="ml-3">
+                  A URL shortener is a tool that creates a short, unique URL that will redirect to the specified webpage
+                  when accessed.
+                </p>
+              </details>
+              <details>
+                <summary className="font-bold cursor-pointer">What is a custom URL shortener?</summary>
+                <p className="ml-3">
+                  A custom URL shortener allows you to brand your short links with your chosen domain name, providing a
+                  consistent identity for your links.
+                </p>
+              </details>
+              <details>
+                <summary className="font-bold cursor-pointer">What is a QR Code?</summary>
+                <p className="ml-3">
+                  A QR Code is a two-dimensional barcode that can be scanned using a smartphone camera to quickly access a
+                  webpage or app.
+                </p>
+              </details>
+              <details>
+                <summary className="font-bold cursor-pointer">What is a Link-in-bio?</summary>
+                <p className="ml-3">
+                  A Link-in-bio is a single link that directs followers to a curated page with multiple links, often used
+                  on social media profiles.
+                </p>
+              </details>
+              <details>
+                <summary className="font-bold cursor-pointer">Why choose SnapshortURL?</summary>
+                <p className="ml-3">
+                  SnapshortURL offers robust link management features, detailed analytics, and a wide range of integrations,
+                  making it a top choice for businesses and individuals.
+                </p>
+              </details>
+            </div>
           </div>
         </section>
         <section className="bg-primary text-white py-16">