Column CSS doesn't override row column default css when row-cols-[breakpoint]-[x] is used.

Created by: lacutah

OS: Windows 10 Browser: Chrome, Firefox, Edge latest Version: 5 beta 3

Area: Grid Apparent Problem: Column CSS doesn't override row column default css when row-cols-[breakpoint]-[x] is used. My Expectation: Column specific classes should always override row class Example: CodePen Example

The current order of CSS appears to be wrong:

.row-cols-[x]
.col-[x]
.row-cols-[breakpoint]-[x]
.col-[breakpoint]-[x]

I would expect it to be:

.row-cols-[x]
.row-cols-[breakpoint]-[x]
.col-[x]
.col-[breakpoint]-[x]