Kanban board CSS

board.css

body {
  --primary-color: #222222;
  --column-color: #eeeeee;
  --task-color: #fefefe;
}

.board {
  color: var(--primary-color);
}

/* Remove default numbering for lists */
.board ol {
  padding-inline: 0;
  list-style: none;
}

/* Lay columns out across the page */
.columns {
  display: flex;

  gap: 1.5em;
}

/* Draw black lines around columns and tasks */
.column,
.task {
  border: 3px solid var(--primary-color);
}

/* Style the columns */
.column {
  min-width: 12em;
  padding-inline: 1em;

  background-color: var(--column-color);
}

/* Style the tasks themselves */
.task {
  margin-bottom: 1.5em;
  min-height: 5em;
  padding: 1em;

  background-color: var(--task-color);

  h1 {
    margin: 0;
    font-weight: normal;
  }
}