diff --git a/assets/style.scss b/assets/style.scss
index 1f22ed4..d2a8adf 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -93,6 +93,16 @@ ul {
 	padding-left: 1.5em;
 }
 
+iframe {
+	border: none;
+
+	width: 100%;
+	height: 56.25vw;
+	max-height: $large * 0.5625;
+	display: block;
+	margin: 1rem 0;
+}
+
 .nav {
 	display: flex;
 	flex-flow: column wrap;
diff --git a/layouts/shortcodes/iframe.html b/layouts/shortcodes/iframe.html
new file mode 100644
index 0000000..efef76a
--- /dev/null
+++ b/layouts/shortcodes/iframe.html
@@ -0,0 +1 @@
+<iframe src="{{ .Get "src" }}" title="{{ .Get "title" }}" allowfullscreen="true"></iframe>