diff --git a/app/views/gardens/index.html.haml b/app/views/gardens/index.html.haml
index d4fba0eae..7e59e143e 100644
--- a/app/views/gardens/index.html.haml
+++ b/app/views/gardens/index.html.haml
@@ -25,31 +25,29 @@
 - else
   = page_entries_info @gardens
   = will_paginate @gardens
-  .row
-    - @gardens.each do |garden|
-      .col-md-6.col-12
-        %section.card
-          %h2= link_to garden.name, garden
-          .card-header
-            .row
-              - unless @owner.present?
-                .col
-                  owner:
-                  = render 'members/tiny', member: garden.owner
-              .col= render 'gardens/actions', garden: garden
-              .col
-                - if garden.plantings.any?
-                  - if garden.plantings.active.perennial.any?
-                    %strong Perennials:
-                    - garden.plantings.active.perennial.each do |planting|
-                      = link_to planting do
-                        = crop_icon planting.crop
-                        = planting.crop
-          .card-body
-            - if garden.plantings.active.annual.any?
-              = render 'plantings/progress_list', plantings: garden.plantings.active.annual
-            - else
-              No annual plantings
+  - @gardens.each do |garden|
+    %section.card
+      %h2= link_to garden.name, garden
+      .card-header
+        .row
+          .col-12.col-md-3
+            - unless @owner.present?
+              owner:
+              = render 'members/tiny', member: garden.owner
+            = image_tag garden_image_path(garden), alt: garden.name, class: 'img-card'
+          .col-12.col-md-2= render 'gardens/actions', garden: garden
+          .col
+            - if garden.plantings.active.perennial.any?
+              %strong Perennials:
+              - garden.plantings.active.perennial.each do |planting|
+                = link_to planting do
+                  = crop_icon planting.crop
+                  = planting.crop
+      .card-body
+        - if garden.plantings.active.annual.any?
+          = render 'plantings/progress_list', plantings: garden.plantings.active.annual
+        - else
+          No annual plantings
 
   .row
     .col-12= page_entries_info @gardens
diff --git a/app/views/plantings/_progress_list.haml b/app/views/plantings/_progress_list.haml
index 79e9f0246..b56320ed8 100644
--- a/app/views/plantings/_progress_list.haml
+++ b/app/views/plantings/_progress_list.haml
@@ -1,11 +1,11 @@
-- plantings.includes(:crop).annual.order("crops.name").each_with_index do |planting, i|
+- plantings.includes(:crop).annual.order(:planted_at).each_with_index do |planting, i|
   - if i.positive?
     %hr/
   .row.progress-row
-    .col-6.col-md-4.progress-row--crop
+    .col-12.col-md-4.progress-row--crop
       = render 'plantings/tiny', planting: planting
       = render 'plantings/badges', planting: planting
-    .col-6.col-md-6.progress-row--bar
+    .col-12.col-md-6.progress-row--bar
       - if planting.planted_at.blank?
         %small set "planted" date to allow predictions
       - elsif planting.percentage_grown.blank?