Add gray 50 background for even equipment table items

astro/src/components/web/EquipmentTable.astro

@@ -1,6 +1,5 @@
 ---
 import { markdownToHtml } from '@/lib/markdown';
-import { imageConfig } from 'astro:assets';
 import { Image } from 'astro:assets';
 
 interface Props {
@@ -20,7 +19,7 @@ const equipment = Astro.props.equipment;
     <table class="w-fit text-lg">
         <tbody>
             { equipment.items.map((item, index: number) => (
-                <tr class="odd:bg-gray-100 even:bg-white my-2">
+                <tr class="odd:bg-gray-100 even:bg-gray-50 my-2">
                     <th class={`text-right pr-4 py-0.5 leading-tight ps-4 ${index === 0 && "rounded-tl-2xl"} ${(index + 1) === equipment.items.length && "rounded-bl-2xl"}`}>
                         <div class="flex flex-row justify-end items-center gap-1.5">
                         { item.icon !== null && (

astro/src/components/web/FrequentlyAskedQuestions.astro

@@ -9,7 +9,7 @@ interface Props {
 const faq = Astro.props.faq;
 ---
 
-<div class="flex lg:flex-row flex-col justify-between py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18">
+<div class="flex lg:flex-row flex-col justify-between py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18 w-full">
     <div class="flex flex-col gap-2.5 lg:w-[50%] w-full">
         <h2 class="text-5xl font-bold">{faq.title}</h2>
         { faq.text !== null && (

astro/src/components/web/WallOfText.astro

@@ -8,7 +8,7 @@ interface Props {
 const wallOfText = Astro.props.wallOfText;
 ---
 
-<div id={`walloftext-${wallOfText.id}`} class="flex flex-col py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18">
+<div id={`walloftext-${wallOfText.id}`} class="flex flex-col py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18 w-full">
     <h2 class="text-5xl font-bold">{wallOfText.title}</h2>
     <div set:html={markdownToHtml(wallOfText.text)}></div>
 </div>