src/wolnelektury/static/2022/styles/components/_collectionbox.scss

   1 .c-collectionbox {
   2     border: 1px solid #D9D9D9;
   3     border-radius: 10px;
   4     padding: 21px;
   5     width: 3*172px + 2*21px + 2px;
   6     font-size: 18px;
   7     line-height: 24px;
   8
   9     a {
  10         display: block;
  11     }
  12     .c-collectionbox-covers {
  13         display: flex;
  14         margin-bottom: 15px;
  15         img {
  16             width: 172px;
  17             @media screen and (max-width: 3*172px + 2*21px + 2px + 2*16px) {
  18                 width: calc((100vw - 2*16px - 2px - 2*21px) / 3);
  19             }
  20         }
  21     }
  22 }