CSS

Styles for Facebook Feed Smash Balloons

// css
#cff {
    .cff-item.cff-photo-post {
      border-radius: 30px !important;
      display: flex;
      flex-flow: wrap;
      flex-basis: 23.33%;
      max-width: 23.33%;
      
      &:not(:nth-child(4n)) {
        margin-right: 2.226%;
      }
      
      .cff-media-wrap {
        order: 0;
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 1rem;
        
        .cff-photo {
          width: 100%;
        
          img {
            display: inline-block;
            width: 100%;
          }
        }
      }
      .cff-author {
        order: 1;
      }
      .cff-post-text {
        order: 2;
        font-size: .75rem;
        line-height: 1.4
      }
      .cff-meta-wrap {
        order: 3;
      }
      .cff-comments-box {
        order: 4;
      }
      .cff-text-wrapper {
        width: 100%;
      }
    }
    .cff-posts-wrap {
      display: flex;
      flex-flow: wrap;
    }
  }