Add link to Playground project

Author: bendera

src/components/FormControlInfo.astro

@@ -1,17 +1,13 @@
 ---
+import InfoBlock from "./InfoBlock.astro";
 ---
-<p>
-  This component is compatible with standard <code>&lt;form&gt;</code> elements. For more information on form
-  submission and client-side validation, please refer to the <a href="/working-with-forms">Working with forms</a> section.
-</p>
 
-<style>
-  p {
-    background-color: #cce5ff;
-    border-style: solid;
-    border-color: #b8daff;
-    border-width: 1px;
-    color: #004085;
-    padding: 15px;
-  }
-</style>
+<InfoBlock>
+  <p>
+    This component is compatible with standard <code>&lt;form&gt;</code>
+    elements. For more information on form submission and client-side
+    validation, please refer to the <a href="/working-with-forms"
+      >Working with forms</a
+    > section.
+  </p>
+</InfoBlock>

src/components/InfoBlock.astro

@@ -0,0 +1,25 @@
+<div class="InfoBlock">
+  <slot />
+</div>
+
+<style>
+  .InfoBlock {
+    background-color: #cce5ff;
+    border-style: solid;
+    border-color: #b8daff;
+    border-width: 1px;
+    color: #004085;
+    margin: 20px 0;
+    padding: 15px;
+  }
+</style>
+
+<style is:global>
+  .InfoBlock p:first-child {
+    margin-top: 0;
+  }
+
+  .InfoBlock p:last-child {
+    margin-bottom: 0;
+  }
+</style>

src/content/articles/getting-started.mdx

@@ -3,6 +3,7 @@ title: Getting started
 ---
 
 import ApiDocsBadge from "@components/ApiDocs/ApiDocsBadge.astro";
+import InfoBlock from "@components/InfoBlock.astro";
 
 ## What is VSCode Elements?
 
@@ -12,6 +13,14 @@ in the "webview." VSCode Elements addresses this by re-implementing these UI con
 components (aka custom elements), and introducing some new ones. This allows for the creation of
 user interfaces that look like the native user interface of VSCode.
 
+<InfoBlock>
+
+The appearance of components provided by VSCode Elements depends on the presence of hundreds of CSS 
+variables and default styles supplied by the VSCode Webview. The 
+[Webview Playground](https://github.com/vscode-elements/webview-playground) was created to emulate this environment.
+
+</InfoBlock>
+
 ## Installation
 
 You can access the library as NPM package: