Increase precision to CSS class to correct wrong behaviour

[eRfO]

We have to add these CSS classes to fix a wrong behaviour with some display resolutions:

@media only screen and (min-width: 75em) {
  .rl-col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis:16.66666667%;
    max-width: 16.66666667%;
  }
}

@media only screen and (min-width: 62em) {
  .rl-col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
}

@media only screen and (min-width: 48em) {
  .rl-col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
}

[JarekToro]

Thank you for the code fixes, what is the "wrong behavior" your experiencing

[JarekToro]

@eRfO I would like to add this. I just need a description of what had how this fixes it.

[JarekToro]

Closing for now. @eRfO feel free to comment back id love to know more.

[eRfO]

@JarekToro i post 2 images that show the wrong behavior. The first image is an example without the fix while the second show the right behavior.

[JarekToro]

Perfect thank you.

[JarekToro]

Added and tested code. Thanks again. I will upload to Vaadin Directory soon and close this after.

[JarekToro]

Apologizes on the extremely long delay.

Fixed in latest release. Now on Vaadin Directory