arreglé la grilla

no lo puedo creer..

prettier.config.js

@@ -1,4 +1,4 @@
 module.exports = {
-  printWidth: 100,
+  printWidth: 120,
   plugins: [require("prettier-plugin-tailwindcss")],
 };

src/index.11ty.jsx

@@ -214,14 +214,16 @@ export async function render(data) {
               </div>
             </div>
           </section>
-          <section class="grid w-full grid-cols-2 justify-center gap-[1px] gap-y-6 bg-amarillo px-[10%] py-12 md:grid-cols-4">
+          <section class="-mb-6 grid w-full grid-flow-col-dense grid-cols-2 grid-rows-[repeat(4,_auto)] justify-center gap-[1px] bg-amarillo px-[10%] py-12 md:grid-cols-4 md:grid-rows-[repeat(2,_auto)]">
             {data.frontpageFooterButtons.map(({ content, buttonText, buttonUrl }) => (
-              <div class="flex flex-col justify-end">
-                <h2 class="px-3 pb-4 text-xl">{content}</h2>
-                <a href={buttonUrl} class="px-4 py-3 font-bold outline outline-1 outline-[black]">
+              <>
+                <div className="flex flex-col justify-end">
+                  <h2 class="px-3 pb-4 text-xl">{content}</h2>
+                </div>
+                <a href={buttonUrl} class="mb-6 px-4 py-3 font-bold outline outline-1 outline-[black]">
                   {buttonText}
                 </a>
-              </div>
+              </>
             ))}
           </section>
           <section class="grid grid-cols-1 gap-8 bg-blanco px-[10%] py-8 md:grid-cols-10">

tsconfig.json

@@ -2,7 +2,9 @@
   "compilerOptions": {
     "target": "es2021" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
     "jsx": "react" /* Specify what JSX code is generated. */,
-    "jsxFactory": "h" /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */,
+    "jsxFactory": "h",
+    /* https://github.com/developit/vhtml/issues/31 */
+    "jsxFragmentFactory": "null",
     "module": "commonjs" /* Specify what module code is generated. */,
     "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
     "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,