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]