Drag and drop con ordenamiento

Si te genera un espacio extra al final del sitio puedes cambiar la clase “h-screen” por “h-full sm:h-auto sm:min-h-screen” es decir:

<div class="flex flex-col h-full sm:h-auto sm:min-h-screen">

Aporte

 todos: ToDo[] = [
    {
      id: '1',
      title: 'Make dishes'
    },
    {
      id: '2',
      title: 'Buy a unicorn'
    },
    {
      id: '2',
      title: 'Watch Angular Path in Platzi'
    }
  ];

styles: [
    `
    /* Animate items as they're being sorted. */
    .cdk-drop-list-dragging .cdk-drag {
      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
    }

    /* Animate an item that has been dropped. */
    .cdk-drag-animating {
      transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
    }
    `
  ]

Hola @todos.

Sólo para aclarar en el min 8, cuando el profesor menciona tengo que hacer una función que escuche a ese evento más bien quiso decir un método 😉

excelente clase