o-card-grid.XXXX-up-YYY got the same values

[maxime-poulain-smartcoop]

Hello
regardless

o-card-grid.small-up-1
o-card-grid.medium-up-1
o-card-grid.large-up-1
o-card-grid.extralarge-up-1

are used the result is the same.
Looking at the css code I noticed the following:

@media screen and (min-width: 400px) {
    .o-card-grid.small-up-1 {
      grid-template-columns: repeat(1, minmax(4.8rem, 1fr)); }
    .o-card-grid.small-up-2 {
      grid-template-columns: repeat(2, minmax(4.8rem, 1fr)); }
    .o-card-grid.small-up-3 {
      grid-template-columns: repeat(3, minmax(4.8rem, 1fr)); }
    .o-card-grid.small-up-4 {
      grid-template-columns: repeat(4, minmax(4.8rem, 1fr)); }
    .o-card-grid.small-up-5 {
      grid-template-columns: repeat(5, minmax(4.8rem, 1fr)); }
    .o-card-grid.small-up-6 {
      grid-template-columns: repeat(6, minmax(4.8rem, 1fr)); } }
  @media screen and (min-width: 700px) {
    .o-card-grid.medium-up-1 {
      grid-template-columns: repeat(1, minmax(4.8rem, 1fr)); }
    .o-card-grid.medium-up-2 {
      grid-template-columns: repeat(2, minmax(4.8rem, 1fr)); }
    .o-card-grid.medium-up-3 {
      grid-template-columns: repeat(3, minmax(4.8rem, 1fr)); }
    .o-card-grid.medium-up-4 {
      grid-template-columns: repeat(4, minmax(4.8rem, 1fr)); }
    .o-card-grid.medium-up-5 {
      grid-template-columns: repeat(5, minmax(4.8rem, 1fr)); }
    .o-card-grid.medium-up-6 {
      grid-template-columns: repeat(6, minmax(4.8rem, 1fr)); } }
  @media screen and (min-width: 900px) {
    .o-card-grid.large-up-1 {
      grid-template-columns: repeat(1, minmax(4.8rem, 1fr)); }
    .o-card-grid.large-up-2 {
      grid-template-columns: repeat(2, minmax(4.8rem, 1fr)); }
    .o-card-grid.large-up-3 {
      grid-template-columns: repeat(3, minmax(4.8rem, 1fr)); }
    .o-card-grid.large-up-4 {
      grid-template-columns: repeat(4, minmax(4.8rem, 1fr)); }
    .o-card-grid.large-up-5 {
      grid-template-columns: repeat(5, minmax(4.8rem, 1fr)); }
    .o-card-grid.large-up-6 {
      grid-template-columns: repeat(6, minmax(4.8rem, 1fr)); } }
  @media screen and (min-width: 1200px) {
    .o-card-grid.extra-large-up-1 {
      grid-template-columns: repeat(1, minmax(4.8rem, 1fr)); }
    .o-card-grid.extra-large-up-2 {
      grid-template-columns: repeat(2, minmax(4.8rem, 1fr)); }
    .o-card-grid.extra-large-up-3 {
      grid-template-columns: repeat(3, minmax(4.8rem, 1fr)); }
    .o-card-grid.extra-large-up-4 {
      grid-template-columns: repeat(4, minmax(4.8rem, 1fr)); }
    .o-card-grid.extra-large-up-5 {
      grid-template-columns: repeat(5, minmax(4.8rem, 1fr)); }
    .o-card-grid.extra-large-up-6 {
      grid-template-columns: repeat(6, minmax(4.8rem, 1fr)); } }`

The generated css have for each classes the same value:
>minmax(4.8rem, 1fr));