[BUG]: The table width at the moving end exceeds the body width, and the layout is disordered

[gitboyzcf]

Describe the bug

To Reproduce
The markdown source code is as follows ：

Expected behavior
Hope that the adaptation to the table is normal

[GladerJ]

I tried to make a small update to src/styles/typography.css so that table content automatically wraps based on width, preventing horizontal overflow on mobile.

The original code was:

table {
  th,
  td {
    @apply border border-border p-2;
  }

  th {
    @apply py-1.5;
  }

  code {
    @apply break-all sm:break-normal;
  }
}

I modified it like this:

table {
  @apply w-full table-auto border-collapse;
  
  th,
  td {
    @apply border border-border p-2;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    overflow-wrap: break-word;
  }

  th {
    @apply py-1.5;
  }

  code {
    @apply break-all sm:break-normal;
  }
}

Now the tables no longer overflow on mobile. Hope this helps!