Fix #240

www/styles/structure.css

@@ -27,7 +27,7 @@ body {
  flex 1 0 33%;
 }
 #midtitle {
- flex-grow: 1; 
+ flex-grow: 1;
 }
 #righttitle {
  flex 1 0 33%;
@@ -101,23 +101,20 @@ blockquote {
 }
 
 .responsive { /*Close enough to 16:9*/
-    width: 35rem;
-    height: 20rem;
+    max-width: 45rem;
+    max-height: 26rem;
+    width:100%;
+    height:100%;
 }
 .responsive-text {
-    width: 35rem;
+    max-width: 45rem;
+}
+.responsive-img {
+    max-width: 45rem;
+    width:100%
 }
 
 .square {
     width: 20rem;
     height: 20rem;
 }
-
-@media(max-width: 35rem) {
-    .responsive {
-        width: 100%;
-        height: 10rem;
-    }
-}
-
-

www/templates/forms/blog.tx

@@ -4,10 +4,10 @@
         : include "post_tags.tx";
 
         : if ( !$post.video_href && !$post.is_image && !$post.is_video && !$post.is_profile && $post.preview ) {
-            <div style="background-image:url(<: $post.preview :>);" class="responsive preview"></div>
+            <img src="<: $post.preview :>" class="responsive-img" />
         : }
 
-        <div class="postData" id="postData-<: $post.id :>">
+        <div class="postData responsive-text" id="postData-<: $post.id :>">
             <: render_it($post.data) | mark_raw  :>
         </div>
     : }

www/templates/forms/microblog.tx

@@ -5,7 +5,7 @@
         : include "post_tags.tx";
 
         : if ( !$post.video_href && !$post.is_image && !$post.is_video && !$post.is_profile && $post.preview ) {
-            <div style="background-image:url(<: $post.preview :>);" class="responsive preview"></div>
+            <img src="<: $post.preview :>" class="responsive-img" />
         : }
         : if ( $post.video_href ) {
             <video preload="none" class="responsive" controls poster="<: $post.preview :>" >
@@ -21,7 +21,7 @@
         : }
 
         : if ( !!$post.data ) {
-            <div class="postData" id="postData-<: $post.id :>">
+            <div class="postData responsive-text" id="postData-<: $post.id :>">
                 <: render_it($post.data) | mark_raw  :>
             </div>
         : }