From db9d5d4ebb95fecbc9b4fbe93d71ad1350074727 Mon Sep 17 00:00:00 2001
From: Jeffrey <jeffrey@Jeffreys-MacBook-Pro.local>
Date: Tue, 24 Feb 2026 13:04:07 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20iPad=20portrait=20layout=20fixes=20?=
 =?UTF-8?q?=E2=80=94=203-col=20grids,=20prose=20alignment,=20calculator=20?=
 =?UTF-8?q?totals,=20VPS=20max=20values?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/blocks/FDFaqBlock/Component.tsx               | 4 ++--
 src/blocks/FDLocationsGridBlock/Component.tsx     | 2 +-
 src/blocks/FDServiceCalculatorBlock/Component.tsx | 2 +-
 src/blocks/FDServiceChooserBlock/Component.tsx    | 2 +-
 src/blocks/FDTeamBlock/Component.tsx              | 4 ++--
 src/blocks/FDTestimonialBlock/Component.tsx       | 2 +-
 src/blocks/FDVpsCalculatorBlock/Component.tsx     | 6 +++---
 7 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/blocks/FDFaqBlock/Component.tsx b/src/blocks/FDFaqBlock/Component.tsx
index da436fe..01c6c02 100644
--- a/src/blocks/FDFaqBlock/Component.tsx
+++ b/src/blocks/FDFaqBlock/Component.tsx
@@ -87,8 +87,8 @@ export const FDFaqBlockComponent: React.FC<FDFaqBlockProps> = ({
                   }`}
                 >
                   <div className="overflow-hidden">
-                    <div className={`font-joey text-fd-body fd-prose ${proseColor}`}>
-                      <RichText data={(item.answer) as any} />
+                    <div className={`pl-7 md:pl-9 font-joey text-fd-body fd-prose ${proseColor}`}>
+                      <RichText data={(item.answer) as any} enableGutter={false} enableProse={false} />
                     </div>
                   </div>
                 </div>
diff --git a/src/blocks/FDLocationsGridBlock/Component.tsx b/src/blocks/FDLocationsGridBlock/Component.tsx
index 8738b7b..01d0eb1 100644
--- a/src/blocks/FDLocationsGridBlock/Component.tsx
+++ b/src/blocks/FDLocationsGridBlock/Component.tsx
@@ -56,7 +56,7 @@ export const FDLocationsGridBlockComponent: React.FC<Props> = ({
           </div>
         )}
 
-        <div className="grid grid-cols-1 sm:grid-cols-2 min-[820px]:grid-cols-3 gap-4 md:gap-6">
+        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 md:gap-6">
           {(cards ?? []).map((card, i) => {
             const media   = card.image as Media | undefined
             const isLink  = Boolean(card.link)
diff --git a/src/blocks/FDServiceCalculatorBlock/Component.tsx b/src/blocks/FDServiceCalculatorBlock/Component.tsx
index 63c9007..e113a77 100644
--- a/src/blocks/FDServiceCalculatorBlock/Component.tsx
+++ b/src/blocks/FDServiceCalculatorBlock/Component.tsx
@@ -347,7 +347,7 @@ export const FDServiceCalculatorBlockComponent: React.FC<Props> = ({
             <div className={`mt-6 pt-5 border-t-2 ${dividerClass}`}>
               <div className="flex justify-between items-baseline">
                 <span className={`font-joey text-fd-body-lg ${summaryLabel}`}>{totalLabel}</span>
-                <span className={`font-joey-heavy text-fd-h1 ${headingColor}`}>{formatKr(costs.total)}</span>
+                <span className={`font-joey-heavy text-fd-h2 min-[820px]:text-fd-h2 lg:text-fd-h1 ${headingColor}`}>{formatKr(costs.total)}</span>
               </div>
               {totalSuffix && (
                 <p className={`text-right font-joey text-fd-body-lg mt-1 ${categoryLabel}`}>{totalSuffix}</p>
diff --git a/src/blocks/FDServiceChooserBlock/Component.tsx b/src/blocks/FDServiceChooserBlock/Component.tsx
index 8943b10..c6c0af7 100644
--- a/src/blocks/FDServiceChooserBlock/Component.tsx
+++ b/src/blocks/FDServiceChooserBlock/Component.tsx
@@ -100,7 +100,7 @@ export const FDServiceChooserBlockComponent: React.FC<Props> = ({
             </p>
           )}
 
-          <div className="grid grid-cols-1 sm:grid-cols-2 min-[820px]:grid-cols-3 gap-4 md:gap-6">
+          <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 md:gap-6">
             {activeCategory?.services?.map((service, i) => (
               <div
                 key={i}
diff --git a/src/blocks/FDTeamBlock/Component.tsx b/src/blocks/FDTeamBlock/Component.tsx
index cc57ed5..9e71652 100644
--- a/src/blocks/FDTeamBlock/Component.tsx
+++ b/src/blocks/FDTeamBlock/Component.tsx
@@ -34,8 +34,8 @@ const cardMap: Record<string, { bg: string; name: string; role: string; bio: str
 
 const colsMap: Record<string, string> = {
   '2': 'sm:grid-cols-2',
-  '3': 'sm:grid-cols-2 min-[820px]:grid-cols-3',
-  '4': 'sm:grid-cols-2 min-[820px]:grid-cols-4',
+  '3': 'md:grid-cols-3',
+  '4': 'md:grid-cols-4',
 }
 
 /* Priority #5: Responsive radius for team member cards */
diff --git a/src/blocks/FDTestimonialBlock/Component.tsx b/src/blocks/FDTestimonialBlock/Component.tsx
index 736973e..e01c8fb 100644
--- a/src/blocks/FDTestimonialBlock/Component.tsx
+++ b/src/blocks/FDTestimonialBlock/Component.tsx
@@ -121,7 +121,7 @@ export const FDTestimonialBlockComponent: React.FC<FDTestimonialBlockProps> = ({
             )}
           </div>
         ) : (
-          <div className="grid grid-cols-1 md:grid-cols-2 min-[820px]:grid-cols-3 gap-6">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
             {testimonials?.map((t, i) => {
               const avatar = t.avatar as Media | undefined
               return (
diff --git a/src/blocks/FDVpsCalculatorBlock/Component.tsx b/src/blocks/FDVpsCalculatorBlock/Component.tsx
index 6d026c7..1b7a8b0 100644
--- a/src/blocks/FDVpsCalculatorBlock/Component.tsx
+++ b/src/blocks/FDVpsCalculatorBlock/Component.tsx
@@ -191,8 +191,8 @@ export const FDVpsCalculatorBlockComponent: React.FC<FDVpsCalculatorBlockProps>
             </div>
 
             <div>
-              <ResourceRow label="CPU-kärnor" value={cpuCores} onChange={setCpuCores} min={1} max={32} unit="st" priceLabel={`${pricing.cpuPerCore} kr/kärna${discStr}`} isDark={isDark} />
-              <ResourceRow label="RAM" value={ramGb} onChange={setRamGb} min={1} max={256} unit="GB" priceLabel={`${pricing.ramPerGb} kr/GB${discStr}`} isDark={isDark} />
+              <ResourceRow label="CPU-kärnor" value={cpuCores} onChange={setCpuCores} min={1} max={96} unit="st" priceLabel={`${pricing.cpuPerCore} kr/kärna${discStr}`} isDark={isDark} />
+              <ResourceRow label="RAM" value={ramGb} onChange={setRamGb} min={1} max={480} unit="GB" priceLabel={`${pricing.ramPerGb} kr/GB${discStr}`} isDark={isDark} />
               <ResourceRow label="SSD NVMe" value={ssdGb} onChange={setSsdGb} min={0} max={4000} step={10} unit="GB" priceLabel={`${pricing.ssdPerGb} kr/GB${discStr}`} isDark={isDark} />
               <ResourceRow label="HDD" value={hddGb} onChange={setHddGb} min={0} max={10000} step={100} unit="GB" priceLabel={`${pricing.hddPerGb} kr/GB${discStr}`} isDark={isDark} />
             </div>
@@ -254,7 +254,7 @@ export const FDVpsCalculatorBlockComponent: React.FC<FDVpsCalculatorBlockProps>
             <div className={`mt-6 pt-5 border-t-2 ${dividerClass}`}>
               <div className="flex justify-between items-baseline">
                 <span className={`font-joey text-fd-body-lg ${summaryLabel}`}>Totalt per månad</span>
-                <span className={`font-joey-heavy text-fd-h1 ${headingColor}`}>{formatKr(costs.total)}</span>
+                <span className={`font-joey-heavy text-fd-h2 min-[820px]:text-fd-h2 lg:text-fd-h1 ${headingColor}`}>{formatKr(costs.total)}</span>
               </div>
               <p className={`text-right font-joey text-fd-body-lg mt-1 ${categoryLabel}`}>exkl. moms</p>
             </div>