Container Grid component

<Container maxWidth="xl">
       <Grid  container>
        <Grid item md={8} xs={12}>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero sequi, suscipit quibusdam explicabo facere omnis, repudiandae recusandae voluptate tempora modi illum voluptatem assumenda harum veniam maxime veritatis optio soluta hic?         
        </Grid>
        <Grid item md={4} xs={12}>
          Hello
        </Grid>
        <Grid         
          item 
          md={4} 
          xs={12} 
          sx={{ bgcolor:'primary.main', p:{xs: 1} , m:{xs:2, md: 0 } }} >First</Grid>
        <Grid         
          item 
          md={4} 
          xs={12} 
          sx={{ bgcolor:'primary.main', p:{xs: 1} , m:{xs:2, md: 0 } }} >Second</Grid>
        <Grid         
          item 
          md={4} 
          xs={12} 
          sx={{ bgcolor:'primary.main', p:{xs: 1} , m:{xs:2, md: 0 } }} >Third</Grid>
       </Grid>
     </Container>
© 2016 - 2022, All Rights are Reserved.