Refactor iframe layout for responsive design in index.html

2025-09-08 14:28:17 +02:00
parent c01751e0a7
commit 666244e2de
2 changed files with 8 additions and 7 deletions
--- a/assets/static/css/main.css
+++ b/assets/static/css/main.css
--- a/assets/views/website/index.html
+++ b/assets/views/website/index.html
@@ -150,12 +150,13 @@
      your wishlist!
    </p>

-    <iframe
-      src="https://store.steampowered.com/widget/3575090/"
-      frameborder="0"
-      width="646"
-      height="190"
-    ></iframe>
+    <div class="w-full max-w-full aspect-[646/190]">
+      <iframe
+        class="w-full h-full"
+        src="https://store.steampowered.com/widget/3575090/"
+        frameborder="0"
+      ></iframe>
+    </div>

    <p class="motion-preset-pop motion-delay-100">
      My journey with programming started when I was 11 🚀. I love solving