From 9e9bd4e8f0a5051b24a5c6f3cd21cc66b9c3fb46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oskar=20Wickstr=C3=B6m?= <oskar@wickstrom.tech>
Date: Wed, 28 Aug 2024 20:20:14 +0200
Subject: [PATCH] overflow hidden for media also

---
 index.css  | 1 +
 index.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index c23c2f6..d2328c6 100644
--- a/index.css
+++ b/index.css
@@ -188,6 +188,7 @@ img, video {
   display: block;
   width: 100%;
   object-fit: contain;
+  overflow: hidden;
 }
 img {
   font-style: italic;
diff --git a/index.html b/index.html
index 29129fb..b9f034e 100644
--- a/index.html
+++ b/index.html
@@ -205,7 +205,7 @@ name <input type="text" placeholder="Text goes here..." /></label>
 </form>
 <h2 id="grids">Grids</h2>
 <p>Add the <code>grid</code> class to a container to divide up the
-horizontal space evenly for the cells. Not that it maintains the
+horizontal space evenly for the cells. Note that it maintains the
 monospace, so the total width might not be 100%. Here are six grids with
 increasing cell count:</p>
 <div class="grid">