touchup

src/content/index.ts

@@ -71,6 +71,8 @@ import * as perfectVerbsIntro from "!babel-loader!@lingdocs/mdx-loader!./verbs/p
 import * as allPerfectVerbs from "!babel-loader!@lingdocs/mdx-loader!./verbs/all-perfect-verbs.mdx";
 // @ts-ignore
 import * as passiveVoice from "!babel-loader!@lingdocs/mdx-loader!./verbs/passive-voice.mdx";
+// @ts-ignore
+import * as ability from "!babel-loader!@lingdocs/mdx-loader!./verbs/ability.mdx";
 
 // @ts-ignore
 import * as compoundVerbsIntro from "!babel-loader!@lingdocs/mdx-loader!./compound-verbs/intro.mdx";
@@ -272,6 +274,10 @@ const contentTree: (ChapterSection | ChaptersSection)[] = [
                 import: verbEndings,
                 slug: "verb-endings",
             },
+            {
+                import: ability,
+                slug: "ability",
+            },
             {
                 import: passiveVoice,
                 slug: "passive-voice",

src/content/verbs/ability.mdx

@@ -0,0 +1,5 @@
+---
+title: Ability
+---
+
+COMING SOON

src/content/verbs/passive-voice.mdx

@@ -110,8 +110,8 @@ This can be done in two simple steps: 👨‍🍳
 
 <div className="mb-3">
     <div
-        className="d-flex flex-row justify-content-between align-items-center"
+        className="d-flex flex-row align-items-center justify-content-center"
-        style={{ overflowX: "auto" }}
+        style={{ overflowX: "auto", maxWidth: "700px" }}
     >
         <div>
         <img src={passiveRootsCopy} style={{ maxWidth: "275px" }} />