CSS帮助：FlexBox子项填充

Question

我正在尝试向flexbox子级添加填充，但似乎不起作用 我的CSS代码：

.template1 {
  background-color: rgb(89, 209, 52);
  width: 28%;
  height: 85%;
  margin: auto auto auto 50px;
  padding: 60px auto 60px auto;
  border-radius: 10px;
}

codepen：https://codepen.io/don0ts/pen/gjYJvq