Могу ли я с помощью react и material-ui развернуть бумагу на всю ширину за пределами контейнера?

Question

Если у меня есть:

   <Container maxWidth='lg'>
    <Grid container spacing={3}>
      <Grid item xs={12} md={6} >
        <Image src="/img/undraw_programming_2svr.png" color='transparent' aspectRatio={1041 / 554} />
      </Grid>
<SomeElement />
    </Container>

Как я могу SomeElement развернуть до полной ширины?

Answer 1

Во-первых, несколько вещей, которые уже упоминались, ваша сетка тегов неверна, и я понимаю, что это ошибка и, вероятно, не важна для вашего вопроса.

Ответ на ваш вопрос: нет, смысл контейнер должен остановить расширение SomeElement. Однако простое исправление - остановить контейнер, отобразить SomeElement, а затем запустить новый контейнер.

<Container>
...
</Container>

<SomeElement />

<Container>
...