如何在索环中移除盒子边缘和屏幕侧面之间的空间

Question

我开始学习Grommet（React的UX框架）。在他们的教程之后，我继续http://grommet.io/docs/hello-world在CodePen（https://codepen.io/pen?template=gaEGPY&editors=0010）上玩游戏。

我想创建一个带侧边栏的网站，所以我决定使用拆分组件。为了试用它，我替换了<App></App>中的代码，就像这样（他们在示例中给出的代码）：

<App>
  <Split>
    <Box colorIndex='neutral-1'
      justify='center'
      align='center'
      pad='medium'>
      Left Side
    </Box>
    <Box colorIndex='neutral-2'
      justify='center'
      align='center'
      pad='medium'>
      Right Side
    </Box>
  </Split>
</App>

当我这样做时，盒子的边缘将不会到达屏幕的边缘。它总是在盒子的末端和屏幕的一侧之间留出一些空间。

基本上，我希望蓝色部分占据屏幕的整个左半部分（延伸到屏幕的末尾），而不是仅停留在某个任意位置（在示例中不会这样做）。我如何在Grommet中做到这一点？

Answer 1

如果删除App组件，则应该能够实现所需的结果。似乎内置了填充。