Image alignment

publichealth/home/templates/home/article_content.html

@@ -40,9 +40,9 @@
     </header>
     {{ block.value.summary|richtext }}
     {% if block.value.action %}
-    <footer>
-      <a href="{{ block.value.url }}" class="btn btn-default">{{ block.value.action }}</a>
-    </footer>
+      <footer>
+        <a href="{{ block.value.url }}" class="btn btn-default">{{ block.value.action }}</a>
+      </footer>
     {% endif %}
   </article>
   {% endif %}

publichealth/static/css/modules/_articles.scss

@@ -1,7 +1,7 @@
 // Article sections
 section {
   padding: 3em 0;
-  
+
   &:nth-child(odd) {
     background-color: $gray-lighter;
   }
@@ -21,14 +21,23 @@ section {
   h5 { font-size: 22px; }
 
   line-height: 1.5;
+
+  img.full-width {
+    width: 100%;
+  }
 }
 
 // Article content blocks
 .article-body > div {
   clear: both;
 }
-.infoblocks article:nth-child(3n+0) {
-    clear: both;
+.infoblocks {
+  .image img {
+    width: 300px; height: 300px;
+  }
+  article:nth-child(3n+1) {
+    clear: left;
+  }
 }
 
 // Special article layout