embed

assets/scss/layout.scss

@@ -32,7 +32,7 @@ footer {
 #content ul,
 #content ol,
 #content table,
-#content iframe,
+.embed,
 code,
 .postdescription,
 hr,
@@ -43,11 +43,22 @@ hr,
 }
 
 #content img,
-#content iframe{
+{
   display: block;
   overflow: hidden;
   max-width: 52%;
-  max-height: 100%;
+  height: 100%;
+}
+
+#content .embed{
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  & iframe{
+    width: 100%;
+    aspect-ratio: 16/9;
+    margin: 0;
+  }
 }
 
 p code{

assets/scss/style.scss

@@ -25,7 +25,7 @@ input[type="checkbox"] {
   display: flex;
 }
 
-img {
+img, iframe {
   border-style: solid;
 }
 
@@ -46,6 +46,7 @@ img {
   justify-content: center;
   content: "";
   border-style: solid;
+  padding: 0;
 }
 
 input:checked + label:after {