CMU Coding Bootcamp

feat: mobile responsiveness

thecoded.prof 57728f80 f94a7469

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