网格列相距太远

问题描述

我目前正在React中使用ant design设计一个登录页面。我尝试使用网格系统设计登录页面。但是,我一直坚持这一问题,即我的色谱柱彼此之间的距离太远。我想缩小它们之间的差距。下面是我的问题的屏幕截图:

enter image description here

下面是我的代码

enter image description here

enter image description here

error: conflicting types for ‘Foo’

解决方法

尝试在第一行中使用alignItems: 'stretch'

...
  <Row
        justify='center'
        align='middle'
        style={{ height: '100vh',flexWrap: 'wrap',alignItems: 'stretch' }}
      >
        <Row style={{ width: '100%',marginBottom: '10px' }} justify='center' align="bottom">
...

工作CodeSandBox