"xs" prop not working on Grid.Col

[lucasgdev]

Hi guys, I'm using Tabler 1.30.1 on a Gatsby project and noticed that the xs prop is not working as expected on grid cols, all other breakpoint props are working as expected. The col-xs-* is added as expected but the style is not being applied. Next I'm sending a gif simulating it

node: v12.16.1 npm: v6.13.4 Tabler: 1.30.1

[berkozagir]

Hi, i have the same problem. Did you find a solution?

[edwinvandeven]

Same here... Some css seems to be missing. Although not a pretty solution, I've added this to a custom css file which I import in my App.js for the time being:

@media (max-width: 575px) {
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

Please note that I haven't thoroughly checked it. Haven't run into issues with it yet... however your mileage may vary.