+3
-3
react/src/components/Post.tsx
+3
-3
react/src/components/Post.tsx
···
7
7
const post = posts[parseInt(postId!)];
8
8
return (
9
9
<>
10
-
<div className="grid grid-cols-3 w-full">
10
+
<div className="md:grid md:grid-cols-3 flex flex-col w-full">
11
11
<Link
12
12
to="/"
13
-
className="text-gray-200 hover:text-gray-400 justify-self-start"
13
+
className="text-gray-200 hover:text-gray-400 flex justify-center items-center w-16"
14
14
>
15
15
Home
16
16
</Link>
17
17
<h2 className="text-3xl text-center">{post.title}</h2>
18
18
</div>
19
-
<p className="text-lg w-[30%]">{post.content}</p>
19
+
<p className="text-lg md:w-3xl w-full">{post.content}</p>
20
20
</>
21
21
);
22
22
}