Cards6

1export default function ListSeperateCards() {
2  return (
3    <ul role="list" className="w-full space-y-3">
4      <li className="w-full overflow-hidden border-y bg-background p-4 sm:rounded sm:border">
5        <div className="h-12 border-4 border-dotted bg-muted" />
6      </li>
7      <li className="w-full overflow-hidden border-y bg-background p-4 sm:rounded sm:border">
8        <div className="h-12 border-4 border-dotted bg-muted" />
9      </li>
10      <li className="w-full overflow-hidden border-y bg-background p-4 sm:rounded sm:border">
11        <div className="h-12 border-4 border-dotted bg-muted" />
12      </li>
13      <li className="w-full overflow-hidden border-y bg-background p-4 sm:rounded sm:border">
14        <div className="h-12 border-4 border-dotted bg-muted" />
15      </li>
16    </ul>
17  );
18}