From fcd63cd59dfeb367182bb39aac0f120cb4771775 Mon Sep 17 00:00:00 2001
From: rzmk <mueez25@gmail.com>
Date: Mon, 8 Apr 2024 10:12:15 -0400
Subject: [PATCH] fix: features size on large screens

---
 src/components/Features0.jsx | 2 +-
 src/components/Features2.jsx | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Features0.jsx b/src/components/Features0.jsx
index e7f144f..df6a0fb 100644
--- a/src/components/Features0.jsx
+++ b/src/components/Features0.jsx
@@ -16,7 +16,7 @@ export const Features0 = () => {
                 transition={{ duration: 0.5, delay: 0.2 }}
             >
                 <div className="flex flex-wrap items-center 2xl:w-[1450px] xl:w-[1300px] w-11/12 mx-auto md:pl-4 xl:pr-16 xl:pl-16">
-                    <div className="w-full md:w-3/4 mb-8 md:mb-0 lg:pl-16 flex justify-center mx-auto pt-16 lg:pt-0">
+                    <div className="w-full lg:w-1/2 mb-8 md:mb-0 lg:pl-16 flex justify-center mx-auto pt-16 lg:pt-0">
                         <img
                             src={draganddrop}
                             alt="Drag and Drop Demo"
diff --git a/src/components/Features2.jsx b/src/components/Features2.jsx
index cf3d21b..f6f212a 100644
--- a/src/components/Features2.jsx
+++ b/src/components/Features2.jsx
@@ -12,7 +12,7 @@ export const Features2 = () => (
             transition={{ duration: 0.5, delay: 0.2 }}
         >
             <div className="flex flex-wrap items-center 2xl:w-[1450px] xl:w-[1300px] w-11/12 mx-auto md:pl-4 xl:pr-16 xl:pl-16">
-                <div className="w-full md:w-3/4 mb-8 md:mb-0 lg:pl-16 flex justify-center mx-auto pt-16 lg:pt-0">
+                <div className="w-full md:w-1/2 mb-8 md:mb-0 lg:pl-16 flex justify-center mx-auto pt-16 lg:pt-0">
                     <img
                         src={uploadtockan}
                         alt="CKAN Upload Demo"
@@ -44,7 +44,12 @@ export const Features2 = () => (
                         <ul className="mb-6 text-white">
                             <li className="mb-4 flex">
                                 <CheckArrowIcon />
-                                <span>Integrated with the CKAN API <span className="text-red-300">(>= 2.9)</span></span>
+                                <span>
+                                    Integrated with the CKAN API{" "}
+                                    <span className="text-red-300">
+                                        (>= 2.9)
+                                    </span>
+                                </span>
                             </li>
                             <li className="mb-4 flex">
                                 <CheckArrowIcon />