网格列表向左浮动

Question

您能帮我理解为什么白衬衫图像显示在下一行而不是蓝色衬衫下面吗？

我将材料ui用于reactjs：

<Grid item xs={12} md={6}>
    <GridList cellHeight={100} cols={4} rows={2}>
        <GridListTile rows={2} cols={2}>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
    </GridList>
</Grid>

我在做什么错了？

编辑：为清楚起见，这是搜索结果：

这是代码段：

https://codesandbox.io/embed/material-ui-drawer-demo-3txbo