From ca1da36bd196c833dbc975a420a3d602ec6f2ba0 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Fri, 10 Jan 2025 11:58:36 +0100
Subject: [PATCH] change order: make widths come before sizes

---
 src/_config/shortcodes/image.js | 2 +-
 src/pages/built-with.njk        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_config/shortcodes/image.js b/src/_config/shortcodes/image.js
index 301542b..e1eed56 100644
--- a/src/_config/shortcodes/image.js
+++ b/src/_config/shortcodes/image.js
@@ -17,8 +17,8 @@ export const imageShortcode = async (
   loading = 'lazy',
   containerClass,
   imageClass,
-  sizes = '100vw',
   widths = [650, 960, 1200],
+  sizes = 'auto',
   formats = ['avif', 'webp', 'jpeg']
 ) => {
   const metadata = await Image(src, {
diff --git a/src/pages/built-with.njk b/src/pages/built-with.njk
index a9d93e6..98cfe72 100644
--- a/src/pages/built-with.njk
+++ b/src/pages/built-with.njk
@@ -38,7 +38,7 @@ widths: [400, 520]
       <!-- you find tha data for that in src/_data/builtwith.json -->
       {% for site in builtwith | shuffle %}
         <custom-card clickable img-square class="text-step-min-1" style="--card-bg: var(--color-bg)">
-          {% image "./src/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, sizes, widths %}
+          {% image "./src/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, widths, sizes %}
           <h3 class="text-step-0" slot="headline">{{ site.name }}</h3>
 
           <p slot="content">{{ site.description }}</p>