diff --git a/examples/framework-lit/src/pages/index.astro b/examples/framework-lit/src/pages/index.astro
index 3998b6cf72..5aafa0534c 100644
--- a/examples/framework-lit/src/pages/index.astro
+++ b/examples/framework-lit/src/pages/index.astro
@@ -10,6 +10,8 @@ import { MyCounter } from '../components/my-counter.js';
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
 		<title>Demo</title>
 	</head>
diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro
index 5e0549877d..2aae56959c 100644
--- a/examples/with-markdown-plugins/src/layouts/main.astro
+++ b/examples/with-markdown-plugins/src/layouts/main.astro
@@ -7,9 +7,8 @@ const { content } = Astro.props;
 <html lang={content.lang || 'en'}>
 	<head>
 		<meta charset="utf-8" />
-
+		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
-
 		<title>{content.title}</title>
 		<style>
 			.nav {
diff --git a/examples/with-markdown-shiki/src/layouts/main.astro b/examples/with-markdown-shiki/src/layouts/main.astro
index 425f5dc089..39d74755dd 100644
--- a/examples/with-markdown-shiki/src/layouts/main.astro
+++ b/examples/with-markdown-shiki/src/layouts/main.astro
@@ -7,9 +7,8 @@ const { content } = Astro.props;
 <html lang={content.lang || 'en'}>
 	<head>
 		<meta charset="utf-8" />
-
+		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
-
 		<title>{content.title}</title>
 	</head>
 	<body>
diff --git a/examples/with-tailwindcss/src/layouts/main.astro b/examples/with-tailwindcss/src/layouts/main.astro
new file mode 100644
index 0000000000..0b8fc80829
--- /dev/null
+++ b/examples/with-tailwindcss/src/layouts/main.astro
@@ -0,0 +1,14 @@
+---
+const { content } = Astro.props;
+---
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<title>{content.title}</title>
+	</head>
+	<body>
+		<slot />
+	</body>
+</html>
diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro
index ebccafa34c..72b24edb95 100644
--- a/examples/with-tailwindcss/src/pages/index.astro
+++ b/examples/with-tailwindcss/src/pages/index.astro
@@ -8,7 +8,8 @@ import Button from '../components/Button.astro';
 
 <html lang="en">
 	<head>
-		<meta charset="UTF-8" />
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
 		<title>Astro + TailwindCSS</title>
 	</head>
diff --git a/examples/with-tailwindcss/src/pages/markdown-page.md b/examples/with-tailwindcss/src/pages/markdown-page.md
index 19323294cb..4f48594527 100644
--- a/examples/with-tailwindcss/src/pages/markdown-page.md
+++ b/examples/with-tailwindcss/src/pages/markdown-page.md
@@ -1,5 +1,6 @@
 ---
 title: 'Markdown + Tailwind'
+layout: ../layouts/main.astro
 setup: |
   import Button from '../components/Button.astro';
 ---
