A new concept regarding CSS Frameworks:
As we continuously switch and adjust at various breakpoints, I had a sudden new idea: What if, within a resolution range, say from 1400px to 991px (or 480px to 360px), we only need to design for 1400px (or 480px), and the framework would automatically scale down proportionally within that range? This way, we might only need to make adjustments for three ranges to achieve a fully satisfactory website design.
Additional Explanation: This idea occurred to me while designing for a 480px breakpoint. Initially, everything looked great, but when scaling down to 390px, I encountered an issue where Automatic Fluid Typography was scaling down slower than the viewpoint. This caused a specific line of text, like “Welcome to my website,” which was initially displayed in one line, to split into two, significantly disrupting the overall layout’s aesthetics.
Is my idea feasible, or are there already existing solutions of this kind? I welcome everyone’s discussion on this.