@media screen and (min-width: 992px){
  #grid[data-columns]::before{
    content: '2 .column.size-1of2';
  }
  .liste-resultats #grid[data-columns]::before{
    content: '3 .column.size-1of3';
  }
}

@media screen and (max-width: 991px){
  #grid[data-columns]::before {
    content: '1 .column.size-1of1';
  }
}

.column{ 
  float: left; 
}
.size-1of1{ 
  width: 100%; 
}
.size-1of2{ 
  width: 50%;
}
.size-1of3{ 
  width: 33.3333%;
}