如何在反应物料ui网格项目上设置最小宽度？

Question

我已经有了这段代码...我想要一个最小至少250像素宽的“列” ...我尝试了ui用户界面建议的大小调整：https://material-ui.com/system/sizing/，但是没有似乎没有任何运气...当窗口大小缩小时，“ logo”元素的缩小范围小于250px。发生这种情况时，红色的网格项目（它本身就是带有我的实际数据的网格容器）会遮盖徽标。

如何设置材料ui网格项目的最小宽度？

<Grid
    container
    direction="row"
>
    <Grid item xs={3}  >
        <Box width={250}>
            <img src={Logo} key="logo" width="250"  height="100" alt="Logo" />
        </Box>
    </Grid>
    <Grid item style={{ backgroundColor: '#f22' }} xs={9}>
        <Grid
            container
            direction="row"
            justify="flex-start"
            spacing={2}
        >
        {this.panelGrid(eventID, panelData)}
        </Grid>
    </Grid>
</Grid>