From 6c71ba45ea38c83fd58e264f9ac6f315383208fe Mon Sep 17 00:00:00 2001
From: No0ne003 <hi.yassir.op@gmail.com>
Date: Fri, 8 Mar 2024 20:13:18 +0100
Subject: [PATCH] make accordion responsive

---
 src/pages/accordion/accordion.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/accordion/accordion.jsx b/src/pages/accordion/accordion.jsx
index 87ac6b0..f463d09 100644
--- a/src/pages/accordion/accordion.jsx
+++ b/src/pages/accordion/accordion.jsx
@@ -29,7 +29,7 @@ export default function Accordion() {
       >
         Toggle Multi Selection
       </Button>
-      <div className="w-[500px] bg-gr backdrop-blur-3xl border-border border-2 space-y-5">
+      <div className="w-[80vw] md:w-[500px] bg-gr backdrop-blur-3xl border-border border-2 space-y-5">
         {data && data.length > 0 ? (
           data.map((dataItem) => (
             <div key={dataItem.id}>