From 53bbb7f9de7eb3d219deb40f17e1147853e8bfe9 Mon Sep 17 00:00:00 2001
From: TayzenDev <110170236+TayzenDev@users.noreply.github.com>
Date: Mon, 4 Nov 2024 19:45:35 +0100
Subject: [PATCH] fix: update v0.10.1 (fixing iframes for small screens)

---
 README.md          | 6 +++---
 deno.json          | 2 +-
 templates/style.ts | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 4e4229d..56a7dea 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,7 @@ A demo is available at this URL: [Smallblog Demo](https://smallblog-demo.tayzen.
 Create a new directory in your smallweb folder, add a `main.tsx` and paste this content in it:
 
 ```tsx
-import { createSmallblog } from "jsr:@tayzendev/smallblog@0.10.0";
+import { createSmallblog } from "jsr:@tayzendev/smallblog@0.10.1";
 
 export default createSmallblog();
 ```
@@ -163,7 +163,7 @@ These new pages are accessible from the navbar (as you can see in the screenshot
 Minimal `main.tsx` to quick-start a project (as shown above):
 
 ```tsx
-import { createSmallblog } from "jsr:@tayzendev/smallblog@0.10.0";
+import { createSmallblog } from "jsr:@tayzendev/smallblog@0.10.1";
 
 export default createSmallblog();
 ```
@@ -172,7 +172,7 @@ A `main.tsx` with more parameters:
 
 ```tsx
 import { html } from "hono/html";
-import { createSmallblog } from "jsr:@tayzendev/smallblog@0.10.0";
+import { createSmallblog } from "jsr:@tayzendev/smallblog@0.10.1";
 
 const customBodyScript = await html`<script
   defer
diff --git a/deno.json b/deno.json
index 8b4bb64..ece8d2d 100644
--- a/deno.json
+++ b/deno.json
@@ -1,6 +1,6 @@
 {
   "name": "@tayzendev/smallblog",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "exports": "./mod.tsx",
   "imports": {
     "@deno/gfm": "jsr:@deno/gfm@^0.9.0",
diff --git a/templates/style.ts b/templates/style.ts
index 517ef71..1c15f7a 100644
--- a/templates/style.ts
+++ b/templates/style.ts
@@ -503,6 +503,7 @@ export const style = html`
       box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
       display: block;
       margin: 1.5em auto;
+      max-width: 100%;
     }
 
     .markdown-body video {