mirror of
https://github.com/dyzulk/trustlab.git
synced 2026-01-27 07:05:44 +07:00
First commit
This commit is contained in:
38
src/components/ui/images/ThreeColumnImageGrid.tsx
Normal file
38
src/components/ui/images/ThreeColumnImageGrid.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
export default function ThreeColumnImageGrid() {
|
||||
return (
|
||||
<div className="grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-3">
|
||||
<div>
|
||||
<Image
|
||||
src="/images/grid-image/image-04.png"
|
||||
alt=" grid"
|
||||
className="w-full border border-gray-200 rounded-xl dark:border-gray-800"
|
||||
width={338}
|
||||
height={192}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Image
|
||||
src="/images/grid-image/image-05.png"
|
||||
alt=" grid"
|
||||
className="w-full border border-gray-200 rounded-xl dark:border-gray-800"
|
||||
width={338}
|
||||
height={192}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Image
|
||||
src="/images/grid-image/image-06.png"
|
||||
alt=" grid"
|
||||
className="w-full border border-gray-200 rounded-xl dark:border-gray-800"
|
||||
width={338}
|
||||
height={192}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user