css - Material-UI 嵌套网格的响应式设计问题

Question

    <Grid container direction='column' spacing={2}>
        <Grid item direction='row' xs={12} container spacing={1}>
              <Grid item xs={2} className={classes.alignLeftItem}>
                  Application Name
              </Grid>
               <Grid item xs={10}>
                  <InputText
                    style={{ width: '843px' }}
                    name='applicationName'
                    value={values.applicationName}
                    onChange={handleformChange}
                    id='applicationName'
                  />
                </Grid>
          </Grid>
    </Grid>

InputText - 单独维护的材料 ui TextField 组件在上面我没有得到带有断点的响应式设计。当网格嵌套时，我们如何实现。我需要使用小型设备来增加文本字段的高度，以及网格的断点。

请帮帮我。

标签： cssreactjsmaterial-ui