Flex on boardview

src/components/view/board/BoardView.tsx

@@ -238,14 +238,14 @@ export default function BoardView({
       )}
 
       <DragDropContext onDragEnd={onDragEnd}>
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start flex-1 h-full min-h-0">
+        <div className="flex flex-col md:flex-row w-full gap-6 items-start flex-1 h-full min-h-0">
           {tasksByStatus.map(({ status, tasks: statusTasks }) => (
             <Droppable key={status.id} droppableId={status.id}>
               {(provided) => (
                 <Card
                   ref={provided.innerRef}
                   {...provided.droppableProps}
-                  className="bg-background h-full flex flex-col overflow-hidden min-h-0"
+                  className="bg-background w-full h-full flex flex-col overflow-hidden min-h-0"
                 >
                   <CardHeader>
                     <CardTitle className="flex items-center justify-between">
@@ -344,4 +344,4 @@ export default function BoardView({
       </DragDropContext>
     </div>
   );
-}
+}