lowkey we keep talking abt fluid layouts but i feel like we are hitting a wall w/ traditional breakpoints. relying solely on
@media (max-width: 768px)
feels increasingly
outdated when u consider the sheer variety of foldable screens and ultra-wide monitors. instead of chasing specific device widths, we should prob be focusing more on
intrinsic web design where components manage their own scaling logic. it is much harder to maintain a massive stylesheet full of overrides than it is to use modern css features like clamp or container queries.
>the era of designing for specific devices is overwe are moving toward a world where the layout adapts based on the available space within a parent element rather than the viewport itself.
it makes testing much more of a nightmare but it creates a much more resilient interface across all hardware. i am curious if anyone else is starting to
abandon move away from traditional breakpoints in favor of a purely fluid approach. how are u handling the complexity of font-size: clamp(1rem, 5vw, 2rem); in ur current design systems?