fix(site): style overflowing tables

site/src/content/docs/how-to/write-guides.mdx

@@ -149,6 +149,13 @@ The blockquote element represents content that is quoted from another source, op
 | --------- | -------- | ------ |
 | _italics_ | **bold** | `code` |
 
+When a table is really wide, it overflows nicely on mobile
+
+| A | Table | With | A | Lot | Of | Columns |
+| --- | --- | --- | --- | --- | --- | --- |
+| contentcontentcontent | contentcontentcontent | contentcontentcontent | contentcontentcontent | contentcontentcontent | contentcontentcontent | contentcontentcontent |
+
+
 ### Code Blocks
 
 we can use 3 backticks ``` in new line and write snippet and close with 3 backticks on new line and to highlight language specific syntax, write one word of language name after first 3 backticks, for eg. html, javascript, css, markdown, typescript, txt, bash
@@ -445,4 +452,4 @@ import ServerCode from '@/components/Code/ServerCode.astro';
   </TabsPanel>
   <MyDemo client:visible />
 </TabsRoot>
-```
+```