I've been a professional C, Perl, PHP and Python developer.
I'm an ex-sysadmin from the late 20th century.
These days I do more Javascript and CSS and whatnot, and promote UX and accessibility.
Start with several CSS files called (for example) grid-768.css, grid-1024.css, etc.
Legacy is as legacy is, and they ended up with grid-768 starting with a media query for 790px widths.
Each stylesheet was filled with classes like .fl-17 { width: 17px; }, .fl-18 { width: 18px ; } and so on all the way up to 1920px. Those styles were liberally added to elements by the CMS.
Legacy is as legacy is, and they ended up with values like .fl-200 { width: 257px; } and so on.
I believe this was all to "avoid using inline styles".
How about this:
Start with several CSS files called (for example) grid-768.css, grid-1024.css, etc.
Legacy is as legacy is, and they ended up with grid-768 starting with a media query for 790px widths.
Each stylesheet was filled with classes like .fl-17 { width: 17px; }, .fl-18 { width: 18px ; } and so on all the way up to 1920px. Those styles were liberally added to elements by the CMS.
Legacy is as legacy is, and they ended up with values like .fl-200 { width: 257px; } and so on.
I believe this was all to "avoid using inline styles".
Oh man S: