add diff image formats and sized & tweaks

styles/bundles/markdown.css

@@ -24,6 +24,10 @@ body {
   caret-color: var(--primary);
 }
 
+img {
+  width: 100%;
+}
+
 math {
   font-family: "Crimson Text";
 }

styles/classes/flex.css

@@ -17,3 +17,7 @@
 .flex.same-width {
   flex: 1;
 }
+
+.flex.space-between {
+  justify-content: space-between;
+}

styles/classes/ul-directions.css

@@ -3,6 +3,7 @@
   margin: 0;
   padding: 0;
   gap: .3em;
+  line-height: 2em;
 }
 
 .row-ul > li {

styles/components/pre-icon.css

@@ -10,10 +10,14 @@
 
 .pre-icon::before {
   content: '';
+  /*content: var(--pre-icon);*/
   mask: var(--pre-icon);
   mask-size: cover;
   background: var(--dark);
+  /*width: unset;*/
+  /*object-fit: cover;*/
   width: calc(1em * var(--scale-x));
+  /*height: .1em;*/
   height: calc(1em * var(--scale-y));
   margin-right: .3em;
   display: inline-block;