firefly/sunrise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SR-002: Background change

Browse Source
This commit is contained in:
BlackDives
2023-04-30 13:06:35 -05:00
parent 5f1cdfda5b
commit f09f6bfdf1
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/index.tsx
View File

@@ -71,24 +71,28 @@ const Services = () => {
]; ];
return ( return (
<div className="container mx-auto my-10"> <div className=" my-10 bg-[#F0D4B2]">
<div> <div className="container mx-auto">
<h2 className="text-center text-[32px] font-extrabold sm:text-left sm:text-[40px]"> <div>
What we can do for you <h2 className="text-center text-[32px] font-extrabold sm:text-left sm:text-[40px]">
</h2> What we can do for you
</div> </h2>
<div className="flex flex-col sm:flex-col md:flex-row"> </div>
{Services.map((data) => ( <div className="flex flex-col sm:flex-col md:flex-row">
<div {Services.map((data) => (
key={data.id} <div
className="my-2 flex w-full flex-col items-center justify-start sm:w-1/3" key={data.id}
> className="my-2 flex w-full flex-col items-center justify-start sm:w-1/3"
<img src={`icons/${data.icon}`} alt="service-icon" /> >
<h3 className="text-[32px] font-semibold">{data.title}</h3> <img src={`icons/${data.icon}`} alt="service-icon" />
<div className={`my-5 w-3/4 border-2 ${data.borderColor}`} /> <h3 className="text-[32px] font-semibold">{data.title}</h3>
<p className="w-3/4 text-center text-[20px] ">{data.description}</p> <div className={`my-5 w-3/4 border-2 ${data.borderColor}`} />
</div> <p className="w-3/4 text-center text-[20px] ">
))} {data.description}
</p>
</div>
))}
</div>
</div> </div>
</div> </div>
); );