fix: Added animation to cards (#1775)

* Update Banner.tsx Signed-off-by: Akanksha Chaurasia <[email protected]> * Update Banner.tsx Signed-off-by: Akanksha Chaurasia <[email protected]> --------- Signed-off-by: Akanksha Chaurasia <[email protected]> Co-authored-by: Priyankar Pal <[email protected]>
priyankarpal · Jul 21, 2023 · 521961f · 521961f
1 parent 4564485
commit 521961f
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/components/Banner.tsx b/components/Banner.tsx
@@ -40,19 +40,21 @@ export default function Banner() {
         <div className="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-4xl">
           <dl className="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
             {features.map((feature) => (
-              <div key={feature.name} className="relative pl-16">
-                <dt className="text-base font-semibold leading-7 text-white">
-                  <div className="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-primary">
-                    <feature.icon
-                      className="h-6 w-6 text-white"
-                      aria-hidden="true"
-                    />
-                  </div>
-                  {feature.name}
-                </dt>
-                <dd className="mt-2 text-base leading-7 text-gray-400">
-                  {feature.description}
-                </dd>
+                            <div key={feature.name} className=" p-5 hover:border border-gray-600  rounded">
+                <div className="relative pl-16">
+                  <dt className="text-base font-semibold leading-7 text-white">
+                    <div className="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-primary">
+                      <feature.icon
+                        className="h-6 w-6 text-white"
+                        aria-hidden="true"
+                      />
+                    </div>
+                    {feature.name}
+                  </dt>
+                  <dd className="mt-2 text-base leading-7 text-gray-400">
+                    {feature.description}
+                  </dd>
+                </div>
               </div>
             ))}
           </dl>