helene

notes/house/helene.md

@@ -7,14 +7,14 @@ image: https://davidawindham.com/wha/helene-1.jpg
 
 ![](/img/helene-1.jpg)
 
-**24/10/05** - Hurricane Helene rolled through last week and did some damage mainly from the 3.5 ton oak tree that fell on the house. I'm taking photos and making notes here to keep up with the details. I wrote up a post @ [/posts/hurricane-helene](/posts/hurricane-helene) and published additional damage photos @ [/wha/glenridge/#helene](https://davidawindham.com/wha/glenridge/#helene)
+**24/10/05** - Hurricane Helene rolled through last week and did some damage mainly from the three and a half ton oak tree that fell on the house. I'm taking photos and making notes here to keep up with the details. I wrote up a post @ [/posts/hurricane-helene](/posts/hurricane-helene) and published additional damage photos @ [/wha/glenridge/#helene](https://davidawindham.com/wha/glenridge/#helene)
 
-## Log
-
-<div style={{width:'300px',float:'right'}}>
+<div class="responsive-image-right">
 ![](/img/helene.jpg)
 </div>
 
+## Log
+
 - 11/05 - 🔨 demo for truss measurements
 - 11/02 - Clear out master bed/bath & move downstairs 
 - 10/31 - Truss Engineers on site

src/css/custom.css

@@ -122,4 +122,20 @@ form input {
   border-color: none;
   padding: .5em;
   width: 100%;
+}
+
+.responsive-image-right {
+  float: right;
+  padding: 0 0 0 20px;
+  max-width: 50%;
+  height: auto;
+  
+}
+
+@media only screen and (max-width: 768px) {
+  .responsive-image-right {
+    padding: 0;
+    max-width: 100%;
+    height: auto;
+  }
 }