How to have multiple rows in cell

[RoyMtonga]

all the items i pass in the div are showing up in one line
export const mobilecolumns: ColumnDef[] = [
{
accessorKey: "id",
header: "Products",
cell: ({ row }) => (

{row.original.category}

{row.original.color}

{row.original.price}

)
},

]