Refactor Invest page UI components, adjust grid layout and add margin to grid container

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-09-16 19:42:56 +07:00
parent a048845e32
commit 0728ef8804

View File

@ -120,7 +120,7 @@ export default function Invest() {
</span> </span>
))} ))}
</div> </div>
<div className="grid grid-cols-2"> <div className="grid grid-cols-2 mt-5">
{/* image carousel */} {/* image carousel */}
<div> <div>
<Carousel className="w-full mt-20 md:mt-0"> <Carousel className="w-full mt-20 md:mt-0">
@ -202,8 +202,8 @@ export default function Invest() {
</div> </div>
</div> </div>
{/* menu */} {/* menu */}
<div className="flex w-[90%] mt-24 m-auto ml-32"> <div className="flex w-[90%] mt-24 m-auto ml-10 md:ml-32">
<ul className="list-none flex gap-10 text-xl "> <ul className="list-none flex gap-10 text-lg md:text-xl ">
<li> <li>
<a <a
onClick={() => handleClick("Pitch")} onClick={() => handleClick("Pitch")}