From 39f174d4a497c44573ec869d50c9222b7c731a4b Mon Sep 17 00:00:00 2001
From: ivanchromjak <ivan@chromjak.com>
Date: Tue, 20 Feb 2024 15:07:16 -0500
Subject: [PATCH] Update features-4.html

---
 layouts/partials/blocks/features-4.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/blocks/features-4.html b/layouts/partials/blocks/features-4.html
index 93ad644a..327af2ac 100644
--- a/layouts/partials/blocks/features-4.html
+++ b/layouts/partials/blocks/features-4.html
@@ -10,9 +10,9 @@
     <div class="max-w-lg mx-auto {{ if eq .columns 2 }} lg:max-w-5xl{{ else }}lg:max-w-7xl{{ end }}">
       <div class="grid gap-10 lg:grid-cols-{{ .columns | default "3" }}">
         {{ range .cards }}
-          <div class="flex flex-col rounded-2xl border border-primary-200 dark:border-primary-800 h-full{{ if eq $.align "center" }} text-center p-6 sm:px-8 sm:py-11{{ else }} p-7{{ end }}{{- if eq $.mode "dark" }} bg-primary-900{{ else if eq $.mode "muted" }} bg-white{{ end -}}">
+          <div x-data="{ expanded: false }" class="flex flex-col rounded-2xl border border-primary-200 dark:border-primary-800 h-full{{ if eq $.align "center" }} text-center p-6 sm:px-8 sm:py-11{{ else }} p-7{{ end }}{{- if eq $.mode "dark" }} bg-primary-900{{ else if eq $.mode "muted" }} bg-white{{ end -}}">
             {{ $plainHeading := .heading | markdownify | plainify }}
-            {{ partial "components/image-responsive" (dict "src" (.image | relURL) "alt" $plainHeading "class" "mb-6" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 640 1024 2048)) }}
+            {{ partial "components/image-responsive" (dict "src" (.image | relURL) "alt" $plainHeading "class" "mb-6 max-w-[13rem] mx-auto" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 640 1024 2048)) }}
     
             <div class="flex-1 space-y-4">
               {{ if .icon }}
@@ -20,7 +20,7 @@
                   {{ partial "components/icon-box-primary.html" . }} 
                 </div>
               {{ end }}
-              <h3 class="text-2xl font-heading font-bold text-blue-950">{{ .heading | markdownify }}</h3>
+              <h3 class="text-2xl text-center font-heading font-bold text-blue-950">{{ .heading | markdownify }}</h3>
               <div class="leading-loose text-slate-600 dark:text-slate-300 content content-underline">{{ .copy | markdownify }}</div>
             </div>
             {{ with .button }}