fix: use responsive max-width for better scaling on all displays
Changes from hard-coded 1768px to min(95vw, 2400px) which scales appropriately on 4K and ultrawide monitors while maintaining breathing room at screen edges.
This commit is contained in:
parent
f6fe95c77c
commit
507ad730e2
1 changed files with 1 additions and 1 deletions
|
|
@ -126,7 +126,7 @@
|
||||||
@layer components {
|
@layer components {
|
||||||
.pulse-shell {
|
.pulse-shell {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1768px;
|
max-width: min(95vw, 2400px);
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
padding-inline: clamp(1rem, 1.5vw, 2rem);
|
padding-inline: clamp(1rem, 1.5vw, 2rem);
|
||||||
transition: padding-inline 0.3s ease;
|
transition: padding-inline 0.3s ease;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue