.main-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, min(300px));
  gap: 5px;
  justify-content: center;
}

.table {
  width: 300px;
  height: 300px;
  padding: 5px;

  border-radius: 5px;
  border: 2px solid transparent;
  
  background-color: skyblue;
}

.item-drag {
  background-color: white;
  width: 100%;
  border-radius: 5px;

  padding: 8px 16px;
  margin-bottom: 5px;
}

.hovered {
  border: 2px dashed var(--blue-dark);
}

.invisible {
  display: none;
}