nuitdelinfo_2021/static/scss/layouts/cards.scss

.flex-card{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  .card{
    flex: 0 1 33%;
    margin-bottom: 70px;
    .inner{
      margin: 0 30px;
      background: $background3;
      &:hover{
      img{
        cursor: pointer;
        filter: grayscale(70%);
        transform: scale(1.2) !important;
      }
    }
    }
    .img-container{
      width: 100%;
      overflow: hidden;
      img{
        transition: all ease-in-out 0.3s;
        width: 100%;
      }
    }
    .content{
      padding: 20px;
      .date{
        color: $accent;
        font-style: italic;
        font-size: 15px;
      }
      .titre{
        font-size: 20px;
      }
      a{
        margin: auto;
        margin-top: 30px;
      }
    }
  }
}