他の動画でも、押し込まれた時のスタイルはmarginで調整していますが、
transform:translateY()で調整しても良いのでしょうか？
何か不具合はありますか？

先生のコード（CSS）

#board li.pressed {
  background: #ccc;
  box-shadow: none;
  margin-top: 9px;　　⇦ ココ
  margin-bottom: 1px;　⇦ ココ
}

transformで調整したコード

#board li.pressed {
  background: #ccc;
  box-shadow: none;
  transform: translateY(4px); 　⇦ココ
}