更改flexbox中第二个孩子的背景颜色

Question

我想将flexbox中第二个子div的背景颜色设置为红色，但我无法这样做。我只能设置第一个孩子的背景颜色。

.main{
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
.left_col{
  width: 350px;
  background-color: green;
};
.right_col{
  width: 350px;
  background-color: red;
}

<div class="main">
  <div class="left_col">
  This is the left column. It should be green.
  </div>
  <div class="right_col">
  This is the right column. It should be red.
  </div>
</div>

https://jsfiddle.net/mademoiselletse/e5nhca58/2/

第二个孩子的文字也与第一个孩子不同。第一个孩子的文本与左对齐，而第二个孩子的文本与中心对齐。我是flexbox的新手。我非常感谢你的帮助！

Answer 1

css中不允许使用

;，因此会破坏样式表。删除它，它将工作：

.main{
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
.left_col{
  width: 350px;
  background-color: green;
}
.right_col{
  width: 350px;
  background-color: red;
}

<div class="main">
  <div class="left_col">
  This is the left column. It should be green.
  </div>
  <div class="right_col">
  This is the right column. It should be red.
  </div>
</div>