MetaMask
diff --git a/‎.prettierrc
Lines changed: 14 additions & 0 deletions b/‎.prettierrc
Lines changed: 14 additions & 0 deletions
diff --git a/‎.vscode/settings.json
Lines changed: 22 additions & 2 deletions b/‎.vscode/settings.json
Lines changed: 22 additions & 2 deletions
diff --git a/‎developer-tools/dashboard/how-to/network-status.md
Lines changed: 3 additions & 7 deletions b/‎developer-tools/dashboard/how-to/network-status.md
Lines changed: 3 additions & 7 deletions
diff --git a/‎developer-tools/dashboard/how-to/two-factor-authentication.md
Lines changed: 14 additions & 40 deletions b/‎developer-tools/dashboard/how-to/two-factor-authentication.md
Lines changed: 14 additions & 40 deletions
@@ -0,0 +1,14 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "proseWrap": "never",
+  "printWidth": 100,
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": true
+}
@@ -1,10 +1,30 @@
 {
   "eslint.format.enable": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit",
+    "source.organizeImports": "never"
   },
   "eslint.codeActionsOnSave.mode": "all",
   "editor.tabSize": 2,
   "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.preferences.importModuleSpecifier": "non-relative"
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "javascript.format.insertSpaceAfterConstructor": false,
+  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false,
+  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,
+  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false,
+  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
+  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
+  "typescript.format.insertSpaceAfterConstructor": false,
+  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false,
+  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,
+  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false,
+  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
+  "typescript.format.insertSpaceBeforeFunctionParenthesis": false,
+  "stylelint.validate": ["css", "scss", "sass"]
 }
@@ -10,10 +10,6 @@ scheduled maintenance notices. You can also subscribe to status updates via emai
 
 You can also select the **Status** link on the left of the MetaMask Developer dashboard to view the status page.
 
-<div class="left-align-container">
-  <div class="img-medium">
-    <img
-      src={require("../../images/status-page.png").default}
-    />
-  </div>
-</div>
+<p align="center">
+  <img src={require("../../images/status-page.png").default} />
+</p>
@@ -14,41 +14,26 @@ identity before you can access your accounts.
 To enable 2FA authentication on your account, on the dashboard go to **Settings** -> **Account**, and
 select **Enable**.
 
-<div class="left-align-container">
-  <div class="img-large">
-    <img
-      src={require("../../images/enable2fa.png").default}
-    />
-  </div>
-</div>
+<img src={require("../../images/enable2fa.png").default} />
 
 Scan the QR code with your authenticator, and enter the initial six-digit token. Select **Verify** to proceed.
 
-<div class="left-align-container">
-  <div class="img-medium">
-    <img
-      src={require("../../images/enter_token.png").default}
-    />
-  </div>
-</div>
+<p align="center">
+  <img src={require("../../images/enter_token.png").default} />
+</p>
 
-:::warning
-
-**Save your backup code to a secure location**
+:::warning Important
 
+**Save your backup code to a secure location.**
 If you ever lose access to your device, you can use this code to verify your identity.
 
 :::
 
 Select **Continue** to finish the process.
 
-<div class="left-align-container">
-  <div class="img-medium">
-    <img
-      src={require("../../images/backup_code.png").default}
-    />
-  </div>
-</div>
+<p align="center">
+  <img src={require("../../images/backup_code.png").default} />
+</p>
 
 :::info
 
@@ -63,35 +48,24 @@ Next time you log in to Infura, you'll be asked for your 2FA token in addition t
 
 To disable 2FA on your account, on the dashboard go to **Settings** -> **Account**, and select **Disable 2FA**.
 
-<div class="left-align-container">
-  <div class="img-medium">
-    <img
-      src={require("../../images/disable2fa.png").default}
-    />
-  </div>
-</div>
+<img src={require("../../images/disable2fa.png").default} />
 
 ## Lost your 2FA device?
 
 If you lose your 2FA device, you can still log in using your backup code. Alternatively, you can recover your account by raising a support request with Infura.
 
-:::warning
+:::warning Important
 
 **Keep your backup code safe!**
-
 If you raise a support request to recover your account, Infura support must confirm that you're the owner of the account.
 
 :::
 
 To log in without a 2FA device, log in to Infura with your username and password, and when confronted with the 2FA screen, select **Backup Code.** If you can't find it, your only option is to select **Recover your Account** and open a support case.
 
-<div class="left-align-container">
-  <div class="img-small">
-    <img
-      src={require("../../images/login2FA.png").default}
-    />
-  </div>
-</div>
+<p align="center">
+  <img src={require("../../images/login2FA.png").default} />
+</p>
 
 :::info