feat: make portfolio frame fluid below 1440px

2026-09-05 17:08:35 +08:00
parent cf749e262a
commit d9b66318f7
10 changed files with 64 additions and 20 deletions
--- a/src/components/ScenicHeroJourney.module.css
+++ b/src/components/ScenicHeroJourney.module.css
@@ -1,6 +1,7 @@
 .scenicContainer {
  position: relative;
-  width: 1440px;
+  width: 100%;
+  max-width: 1440px;
  height: 1730px;
  overflow: hidden;
  background-color: var(--bg-page);
@@ -10,7 +11,7 @@
  position: absolute;
  top: 0;
  left: 0;
-  width: 1440px;
+  width: 100%;
  height: 1576px;
  z-index: 1;
  pointer-events: none;
@@ -19,6 +20,6 @@
 .artworkImage {
  object-fit: contain;
  object-position: top center;
-  width: 1440px;
+  width: 100%;
  height: 1576px;
 }