IMP: the demo content

Author: GrimLink

index.html

@@ -191,23 +191,23 @@
 				</dialog>
 			</div>
 
-			<blockquote>
+			<blockquote
+				class="container"
+				style="--container-size: 68ch; --container-gap: 0px"
+			>
 				<p>
-					When adding the <code>x-htmldialog</code> to an
-					<code>x-show</code> element, it will not toggle the display,
-					but instead use the native
-					<code>el.showModal()</code> function.
-					<br />
-					The value inside the <code>x-htmldialog</code> is not
-					required, but is recommended to close the dialog using the
-					escape key or clicking the backdrop.
+					Meet <code>x-htmldialog</code>, an Alpine.js plugin that
+					makes working with native HTML
+					<code>&lt;dialog&gt;</code> elements a breeze. Attach the
+					<code>x-htmldialog</code> directive to your x-show elements
+					to unlock native modal functionality, with default support
+					for escape key and backdrop closing.
 				</p>
 				<p>
 					<a
 						href="https://fylgja.dev/library/extensions/alpinejs-dailog/"
 					>
-						For more information see the full documentation on
-						fylgja.dev
+						See the full details on fylgja.dev.
 					</a>
 				</p>
 			</blockquote>