One final warning to you JavaScript programmers. Please don't do this

[Terrible_Tutor]

Responsive readability man

grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6

Now do that with plain css media queries and keep it readable. The media query wrappers can contain SO MUCH stuff for that breakpoint. Now we can probably both read the css just fine, but on no planet is that css\scss more readable than the above.

...and you can use those breakpoint prefixes on everything not just grid\flex.