diff --git a/data/blog/markdown-elements-demo-post.mdx b/data/blog/markdown-elements-demo-post.mdx
index 5a461f8..69bb02e 100644
--- a/data/blog/markdown-elements-demo-post.mdx
+++ b/data/blog/markdown-elements-demo-post.mdx
@@ -7,6 +7,8 @@ image: '~/assets/images/astronaut.jpg'
 tags: [markdown, astro, blog]
 ---
 
+import Logo from '~/components/atoms/Logo.astro';
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
 ## <a name="Headings"></a>Headings
@@ -162,3 +164,25 @@ _Proident sit veniam in est proident officia adipisicing_ ea tempor cillum non c
 Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est _enim **anim** voluptate_. Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi **adipisicing sunt _officia_**. Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
 
 Reprehenderit non eu quis in ad elit esse qui aute id [incididunt](#!) dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
+
+[[Top]](#top)
+
+## MDX
+
+```js
+---
+publishDate: 'Aug 02 2022'
+title: 'Markdown elements demo post'
+---
+import Logo from "~/components/atoms/Logo.astro";
+
+## MDX
+
+<Logo />
+```
+
+<div style="background:#eee;padding: 10px 5px">
+	<Logo />
+</div>
+
+[[Top]](#top)