How to add multiple breakpoints and columns?

[JarisGV]

I'd like to change the number of columns at least 3 times along the viewport. For example: 1 column up to max-width 575px / 2 columns from min-width 476px to max-width 767px and 5 columns from min-width 768px.
Is there a way to add this via Vanilla Javascript or jQuery?