Bloglist3

1export default function Minimal() {
2  return (
3    <div className="mx-auto max-w-3xl space-y-10 px-4 py-24">
4      <article className="grid grid-cols-1 gap-2 text-sm md:grid-cols-4 md:gap-6">
5        <div className="md:col-span-3">
6          <h2 className="text-lg font-semibold tracking-tight">
7            <a href="#">Introducing our new product feature</a>
8          </h2>
9          <p className="line-clamp-3 text-muted-foreground">
10            In this post, we will dive into the details of our latest product
11            update, highlighting the key features and benefits for our
12            customers.
13          </p>
14        </div>
15        <p className="text-muted-foreground md:text-right">May 15, 2023</p>
16      </article>
17      <article className="grid grid-cols-1 gap-2 text-sm md:grid-cols-4 md:gap-6">
18        <div className="md:col-span-3">
19          <h2 className="text-lg font-semibold tracking-tight">
20            <a href="#">Tips for effective team collaboration</a>
21          </h2>
22          <p className="line-clamp-3 text-muted-foreground">
23            Discover our top strategies for fostering effective collaboration
24            within your team, leading to increased productivity and innovation.
25          </p>
26        </div>
27        <p className="text-muted-foreground md:text-right">April 28, 2023</p>
28      </article>
29      <article className="grid grid-cols-1 gap-2 text-sm md:grid-cols-4 md:gap-6">
30        <div className="md:col-span-3">
31          <h2 className="text-lg font-semibold tracking-tight">
32            <a href="#">The future of cloud computing</a>
33          </h2>
34          <p className="line-clamp-3 text-muted-foreground">
35            Explore the latest trends and advancements in cloud computing, and
36            how they will shape the future of technology and business.
37          </p>
38        </div>
39        <p className="text-muted-foreground md:text-right">March 12, 2023</p>
40      </article>
41      <article className="grid grid-cols-1 gap-2 text-sm md:grid-cols-4 md:gap-6">
42        <div className="md:col-span-3">
43          <h2 className="text-lg font-semibold tracking-tight">
44            <a href="#">Introducing our new product feature</a>
45          </h2>
46          <p className="line-clamp-3 text-muted-foreground">
47            In this post, we will dive into the details of our latest product
48            update, highlighting the key features and benefits for our
49            customers.
50          </p>
51        </div>
52// … truncated