Блог

введите описание изображения здесь

Мои компоненты, которые все являются компонентами сетки xs={12} и должны заполнять весь мой мобильный экран, не являются таковыми и, похоже, имеют невидимое поле справа.

 lt;React.Fragmentgt;  lt;CssBaseline /gt;  lt;ThemeProvider theme={theme}gt;  lt;Grid container direction='column'gt;  lt;Grid container justifyContent='center'gt;  lt;Grid item xs={12} sm={10}gt;  lt;Header connectWallet={connectWallet}/gt;  lt;/Gridgt;  lt;/Gridgt;  lt;Grid container justifyContent='center' alignItems='center'gt;  lt;Grid item sx={{minHeight: 'calc(100vh - 400px)'}} xs={12} sm={10}gt;  lt;Switchgt;  lt;Route path="/bouquets"gt;  lt;Bouquets /gt;  lt;/Routegt;  lt;Route path='/about'gt;  lt;About /gt;  lt;/Routegt;  lt;Route path="/"gt;  lt;Home /gt;  lt;/Routegt;  lt;/Switchgt;  lt;/Gridgt;  lt;/Gridgt;  lt;Grid item xs={12}gt;  lt;Footer/gt;  lt;/Gridgt;  lt;/Gridgt;  lt;/ThemeProvidergt; lt;/React.Fragmentgt;