[Summary view] [Print] [Text view]

   1  .mod-articlesnews-horizontal {
   2    display: flex;
   3    flex-wrap: wrap;
   4    padding: 0;
   5    list-style: none;
   6  }
   7  .mod-articlesnews-horizontal figure img {
   8    width: 100%;
   9  }
  10  .mod-articlesnews-horizontal li {
  11    display: flex;
  12    flex: 1 1 300px;
  13    flex-direction: column;
  14  }
  15  .mod-articlesnews-horizontal li:not(:last-child) {
  16    margin-right: 2rem;
  17  }
  18  .mod-articlesnews-horizontal .readmore {
  19    margin-top: auto;
  20  }
  21  
  22  @supports (display: grid) {
  23    .mod-articlesnews-horizontal {
  24      display: grid;
  25      grid-gap: 2rem;
  26      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  27    }
  28    .mod-articlesnews-horizontal li:not(:last-child) {
  29      margin-right: 0;
  30    }
  31  }