help article: includes tables and updated card/block logic

md/help articles/How to use ttcMD.md

@@ -10,6 +10,7 @@ updated: March 14th, 2024
 - [What even is ttcMD?](#what-even-is-ttcmd)
   - [Enhanced Standard Elements](#enhanced-standard-elements)
     - [Links](#links)
+    - [Tables](#tables)
   - [Custom Elements](#custom-elements)
     - [Pop-outs](#pop-outs)
   - [Block-level Elements](#block-level-elements)
@@ -53,6 +54,68 @@ You can use the typical link syntax `[link name](/link/location)`, but there are
 
   [```cta link name](#links)
 
+### Tables
+
+Generally tables will only be as wide as their content needs. To make a table take up the full width, you can use this syntax:
+
+[][][]
+
+With a header:
+```
+| Table | Header | Row |
+| <---- | ------ | --> |
+| Table | Body | Row 1 |
+| Table | Body | Row 2 |
+| Table | Body | Row 3 |
+```
+
+Without a header:
+```
+| <---- | ------ | --> |
+| Table | Body | Row 1 |
+| Table | Body | Row 2 |
+| Table | Body | Row 3 |
+```
+
+As you can see, it makes use of the default separator line and uses `<` and `>` to denote that it should be full width. Note that the length of the dashes does not matter, all that matters is that the separator line starts with `| <-` and ends with `-> |`.
+
+[[!2
+
+Additionally, you can specify if a column is meant to be centered by using `^` inside the separator. For example, `| <--- | -^- | ---> |` will make the second column of all table rows centered. Its positioning within the column doesn't matter.
+
+]]
+
+/[]
+
+There is also an additional feature of adding a table footer by using a second separator. This second separator does not have any affect on the width or centering of the footer columns.
+
+**Examples:**
+
+[][][]
+
+Normal table:
+| Table | Header | Row |
+| ---- | ------ | -- |
+| Table | Body | Row 1 |
+| Table | Body | Row 2 |
+| Table | Body | Row 3 |
+
+Full width:
+| <---- | ----- | --> |
+| Table | Body | Row 1 |
+| Table | Body | Row 2 |
+| Table | Body | Row 3 |
+
+Full width with a centered body column
+| Table | Header | Row |
+| <---- | ---^-- | --> |
+| Table | Body | Row 1 |
+| Table | Body | Row 2 |
+| Table | Body | Row 3 |
+
+
+/[]
+
 ## Custom Elements
 
 This section will cover the specific elements custom built for Tabletop Commander.
@@ -175,6 +238,12 @@ And hurt you.
 
 [/accordion]
 ]]
+
+
+[[2
+Additionally, you can specify a number after the opening brackets (`[[2 ... ]]`) to specify how many grid columns the card should cover, just like this card!
+]]
+
 /[]
 
 ### Block
@@ -195,6 +264,11 @@ And it's not just paragraphs that you can group together, you can use any other
 
 ![goofy](https://yt3.ggpht.com/a/AATXAJwbIW0TwEhqdT2ZPeSB1AtdtWD2ZXam80oijg=s900-c-k-c0xffffffff-no-rj-mo)
 ]]
+
+[[!2
+Additionally, you can specify a number after the opening brackets (`[[!2 ... ]]`) to specify how many grid columns the block should cover, just like this block!
+]]
+
 /[]