.agenda {
  @apply flex flex-wrap mb-4;

  .agendum {
    @apply mb-2 mx-2 w-full;
    height: fit-content;
  }
}

@screen lg {
  .agenda .agendum {
    width: 30%;
  }
}

.agenda {
  @apply flex flex-wrap mb-4;

  .agendum {
    @apply mb-2 mx-2 w-full;
    height: fit-content;

    &.sortable-ghost {
      @apply bg-primary-400 p-10;
      border: 1px dashed black;
      opacity: 0.2;
      * { visibility: hidden; }
    }
  }
}

@screen lg {
  .agenda .agendum {
    width: 30%;
  }
}

Add back agendum sorting styling
Add back agendum sorting styling
