html - 按钮未对准中心(HTML/CSS)

我目前正在为朋友制作的游戏制作网站。我在网站的许多部分使用物化，例如社交媒体按钮。我的问题是我试图将我所有的按钮都对准屏幕中心，但是当我改变分辨率时，它们没有居中并且从左向右稍微移动。
这是代码：

<div class="row">
  <div class="col s12 m4 l8" align="middle">
      <a class="waves-effect waves-light btn-large #212121 grey darken-4">Download</a>
      <a class="waves-effect waves-light btn-large #212121 grey darken-4" href="https://discord.gg/xRqFGEK">Discord</a>
      <a class="waves-effect waves-light btn-large #212121 grey darken-4" href="http://www.twitter.com/playparadon">Twitter</a>
      <a class="waves-effect waves-light btn-large #212121 grey darken-4" href="http://www.instagram.com/playparadon">Instagram</a>
  </div>
</div>

CSS：

 col s12 m4 l8{
  display: flex; justify-content: center;
}

Result

任何帮助将不胜感激！

最佳答案

选择器应该是

.col.s12.m4.l8 { ... }

（这些类的前导点，中间没有空格，因为所有这些类都属于同一元素）