수정

frontend/src/board/board.tsx

@@ -88,11 +88,11 @@ export default function BoardPage() {
         </div>
         <div className="sm:overflow-y-auto">
           <div className="whitespace-nowrap flex place-items-center divide-x-2 border-2 border-solid border-y-2 h-10 bg-gradient-to-r from-cyan-500 to-blue-500 ">
-            <div className="basis-full">제목</div>
-            <div className="basis-3/12">게시 날짜</div>
-            <div className="basis-2/12">조회수</div>
+            <div className="flex basis-full text-xs md:text-lg">제목</div>
+            <div className="flex basis-3/12 text-xs md:text-lg">날짜</div>
+            <div className="flex basis-3/12 text-xs md:text-lg">조회수</div>
           </div>
-          <div className="whitespace-nowrap">
+          <div>
             {posts?.map((post, i) => (
               <Post key={i} post={post} handleClick={titleHandleClick} />
             ))}

frontend/src/post/post.tsx

@@ -11,15 +11,17 @@ export type Props = {
 export default function Post({ handleClick, post }: Props) {
   return (
     <div className="flex flex-row h-16 divide-x-2 border-2 border-solid">
-      <div className="basis-full">
+      <div className="basis-full truncate">
         <button id={post._id} onClick={handleClick}>
           <Link to={`/post/${post._id}`} state={post}>
             {post.title}
           </Link>
         </button>
       </div>
-      <div className="basis-3/12">{post.date.slice(0, 10)}</div>
-      <div className="basis-2/12">{post.counts}</div>
+      <div className="basis-3/12 text-xs md:text-lg">
+        {post.date.slice(0, 10)}
+      </div>
+      <div className="basis-3/12">{post.counts}</div>
     </div>
   );
 }