chore(docs): validate table HTML

pmndrs · Oct 15, 2022 · e211dbf · e211dbf
1 parent 4be4421
commit e211dbf
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 25 deletions.
diff --git a/docs/getting-started/introduction.mdx b/docs/getting-started/introduction.mdx
@@ -27,17 +27,19 @@ No. There is no additional overhead. Components participate in a unified renderl
 ### What does it look like?
 
 <table>
-  <tr>
-    <td>
-      Let's make a re-usable component that has its own state, reacts to user-input and participates in the render-loop.
-      (<a href="https://codesandbox.io/s/rrppl0y8l4?file=/src/App.js">live demo</a>).
-    </td>
-    <td>
-      <a href="https://codesandbox.io/s/rrppl0y8l4">
-        <img src="https://i.imgur.com/sS4ArrZ.gif" />
-      </a>
-    </td>
-  </tr>
+  <tbody>
+    <tr>
+      <td>
+        Let's make a re-usable component that has its own state, reacts to user-input and participates in the render-loop.
+        (<a href="https://codesandbox.io/s/rrppl0y8l4?file=/src/App.js">live demo</a>).
+      </td>
+      <td>
+        <a href="https://codesandbox.io/s/rrppl0y8l4">
+          <img src="https://i.imgur.com/sS4ArrZ.gif" />
+        </a>
+      </td>
+    </tr>
+  </tbody>
 </table>
 
 ```jsx

diff --git a/packages/fiber/readme.md b/packages/fiber/readme.md
@@ -33,13 +33,16 @@ There is no additional overhead. Components participate in the renderloop outsid
 ### What does it look like?
 
 <table>
-  <tr>
-    <td>Let's make a re-usable component that has its own state, reacts to user-input and participates in the render-loop. (<a href="https://codesandbox.io/s/rrppl0y8l4?file=/src/App.js">live demo</a>).</td>
-    <td>
-      <a href="https://codesandbox.io/s/rrppl0y8l4">
-        <img src="https://i.imgur.com/sS4ArrZ.gif" /></td>
-      </a>
-  </tr>
+  <tbody>
+    <tr>
+      <td>Let's make a re-usable component that has its own state, reacts to user-input and participates in the render-loop. (<a href="https://codesandbox.io/s/rrppl0y8l4?file=/src/App.js">live demo</a>).</td>
+      <td>
+        <a href="https://codesandbox.io/s/rrppl0y8l4">
+          <img src="https://i.imgur.com/sS4ArrZ.gif" />
+        </a>
+      </td>
+    </tr>
+  </tbody>
 </table>
 
 #### Imports first

diff --git a/readme.md b/readme.md
@@ -31,13 +31,16 @@ Yes. It merely expresses Threejs in JSX: `<mesh />` becomes `new THREE.Mesh()`,
 ### What does it look like?
 
 <table>
-  <tr>
-    <td>Let's make a re-usable component that has its own state, reacts to user-input and participates in the render-loop. (<a href="https://codesandbox.io/s/rrppl0y8l4?file=/src/App.js">live demo</a>).</td>
-    <td>
-      <a href="https://codesandbox.io/s/rrppl0y8l4">
-        <img src="https://i.imgur.com/sS4ArrZ.gif" /></td>
-      </a>
-  </tr>
+  <tbody>
+    <tr>
+      <td>Let's make a re-usable component that has its own state, reacts to user-input and participates in the render-loop. (<a href="https://codesandbox.io/s/rrppl0y8l4?file=/src/App.js">live demo</a>).</td>
+      <td>
+        <a href="https://codesandbox.io/s/rrppl0y8l4">
+          <img src="https://i.imgur.com/sS4ArrZ.gif" />
+        </a>
+      </td>
+    </tr>
+  </tbody>
 </table>
 
 ```jsx