Update figure shortcode to properly float left and right again

2020-12-22 19:36:05 -08:00
parent 0b270e29cf
commit 6c4246bfc6
6 changed files with 17 additions and 5 deletions
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -101,12 +101,24 @@ figure {
    width: 50%;
    float: left;
    padding-right: 3em;
+    
+    @media (--phone) {
+        width: 100%;
+        float: none;
+        padding-left: inherit;
+    }
  }

  &.right {
    width: 50%;
    float: right;
    padding-left: 3em;
+    
+    @media (--phone) {
+        width: 100%;
+        float: none;
+        padding-left: inherit;
+    }
  }

  img {