fix: features size on large screens

This commit is contained in:
rzmk 2024-04-08 10:12:15 -04:00
parent 4b03a9eaa3
commit fcd63cd59d
No known key found for this signature in database
2 changed files with 8 additions and 3 deletions

View file

@ -16,7 +16,7 @@ export const Features0 = () => {
transition={{ duration: 0.5, delay: 0.2 }} 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="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 <img
src={draganddrop} src={draganddrop}
alt="Drag and Drop Demo" alt="Drag and Drop Demo"

View file

@ -12,7 +12,7 @@ export const Features2 = () => (
transition={{ duration: 0.5, delay: 0.2 }} 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="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 <img
src={uploadtockan} src={uploadtockan}
alt="CKAN Upload Demo" alt="CKAN Upload Demo"
@ -44,7 +44,12 @@ export const Features2 = () => (
<ul className="mb-6 text-white"> <ul className="mb-6 text-white">
<li className="mb-4 flex"> <li className="mb-4 flex">
<CheckArrowIcon /> <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>
<li className="mb-4 flex"> <li className="mb-4 flex">
<CheckArrowIcon /> <CheckArrowIcon />