如何在css网格中放置无序列表？

Question

我最近开始学习css网格，我不知道如何在css网格中放置一个无序列表，里面有几个标签。

我希望列表适合showcase类创建的网格，但它不起作用。

这是代码段：

[2018-05-12 10:00:00.000Z] [INFO] starting
[2018-05-12 10:00:00.000Z] [ERROR] something wrong

.showcase {
  grid-area: showcase;
  background-image: url("../pics/flower.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  grid-template-columns: 50px 300px repeat(4, 50px) 300px 70px 10px 70px 1fr;
  grid-template-rows: 50px 3fr 2fr;
}

#navigation a {
  display: grid;
  grid-column: 3/7;
  grid-row: 1/2;
}