引导宽度

Question

我已经阅读了之前有关此问题的答案，但我仍然没有完全掌握它。

我正在用一个简单的div和一个列表“为我的堂兄”制作一个网站。

在下面，我想要显示此处显示的时间轴示例：https://codepen.io/ksantangelo/pen/ZBOpoJ

如果我使用没有css的代码，它可以正常工作，但是一旦我添加了css，时间轴会显示在上一个div旁边的列表中。引起它的css文件部分是：

@charset "UTF-8";
body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 100px;
  font-family: 'Source Sans Pro', arial, sans-serif;
  font-weight: 300;
  color: #333;
  box-sizing: border-box;
}

我只是不明白为什么。什么是引导程序中最简单的方法，以确保一个部分始终是全宽？