At the moment, the website's layout is based upon having two primary layouts: a mobile-ish one and a desktop-ish one, with some minor tweaks in between for tablet-ish devices. This means that most components have one or two layouts, most pages have two layouts, spacing classes have two different sizes, and text flips between being two different font-sizes.
I'd quite like to change things up a bit to make the whole thing work a bit more fluidly. Including:
Using a utopian system of scaling type and spacing.
Relying more on container queries to determine if and when the layout of a component should change.
Trying to subtly break the grid a little more often (e.g. having character callouts be wider than the column they're in)
The intent isn't to redesign the website—it should look mostly the same at the end—but to change up how responsiveness works under the hood.
At the moment, the website's layout is based upon having two primary layouts: a mobile-ish one and a desktop-ish one, with some minor tweaks in between for tablet-ish devices. This means that most components have one or two layouts, most pages have two layouts, spacing classes have two different sizes, and text flips between being two different font-sizes.
I'd quite like to change things up a bit to make the whole thing work a bit more fluidly. Including:
The intent isn't to redesign the website—it should look mostly the same at the end—but to change up how responsiveness works under the hood.
Would probably incorporate #52 into this work.