From 249881291d7ef973afbf7dfc52ef14c28be082c8 Mon Sep 17 00:00:00 2001 From: Brenda Wallace Date: Sun, 20 Sep 2026 18:15:08 +1200 Subject: [PATCH] Keep three even columns on the home page The planting, harvest and activity columns were .col-xl-4.col. Bootstrap 4 wrapped the next row after three even columns at every width below the site's xl breakpoint; Bootstrap 5's .col let the seeds column squeeze onto the same row. Say what was meant: full width on phones, thirds from md up. Co-Authored-By: Claude Sonnet 5 --- app/views/home/index.html.haml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml index ae23eba9a..6e46db082 100644 --- a/app/views/home/index.html.haml +++ b/app/views/home/index.html.haml @@ -35,17 +35,17 @@ %h2= t('.recently_added') %p.card-body != CropSearchService.recent(30).map { |c| link_to(c['name'], crop_path(slug: c['slug'])) }.join(", ") - .col-xl-4.col + .col-12.col-md-4 %section.plantings = cute_icon =render 'plantings' %p.text-end= link_to "#{t('home.plantings.view_all')} »", plantings_path, class: 'btn w-100' - .col-xl-4.col + .col-12.col-md-4 %section.harvests = cute_icon = render 'harvests' %p.text-end= link_to "#{t('home.harvests.view_all')} »", harvests_path, class: 'btn w-100' - .col-xl-4.col + .col-12.col-md-4 %section.activities = cute_icon = render 'activities'