CMU Coding Bootcamp

feat: mobile responsiveness

thecoded.prof 57728f80 f94a7469

verified
Changed files
+3 -3
react
src
components
+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 }