Razoth
02/27/2023, 6:23 AMNJ™
03/01/2023, 6:17 AMNJ™
03/01/2023, 6:18 AMitzSuNNy
03/01/2023, 7:31 AMitzSuNNy
03/01/2023, 7:32 AMRazoth
03/01/2023, 11:59 AMsilentworks
03/01/2023, 12:02 PMGregory
03/01/2023, 7:38 PMGregory
03/01/2023, 7:38 PMGregory
03/01/2023, 7:38 PMOlyno
03/01/2023, 8:00 PMOlyno
03/01/2023, 8:00 PMOlyno
03/01/2023, 8:00 PMGregory
03/01/2023, 8:00 PMOlyno
03/01/2023, 8:00 PMGregory
03/01/2023, 8:01 PMOlyno
03/01/2023, 8:01 PMblackleitus
03/03/2023, 12:06 AMOlyno
03/03/2023, 12:09 AMblackleitus
03/03/2023, 12:16 AMblackleitus
03/03/2023, 12:16 AM<Logo src={FooterLogo} />
blackleitus
03/03/2023, 2:43 PMjs
Bootstrap:
<!-- Example Grid Layout using Bootstrap -->
<div class="container-fluid">
<div class="row">
<div class="col-md-4">Column 1</div>
<div class="col-md-4">Column 2</div>
<div class="col-md-4">Column 3</div>
</div>
</div>
Theme-UI:
/ Example Grid Layout using Theme-UI Box and Flex components /
import { Box, Flex } from 'theme-ui';
function MyComponent() {
return (
<Box>
<Flex sx={{ flexWrap: 'wrap' }}>
<Box sx={{ width: ['100%', '50%', '33.33%'], p: 3 }}>Column 1</Box>
<Box sx={{ width: ['100%', '50%', '33.33%'], p: 3 }}>Column 2</Box>
<Box sx={{ width: ['100%', '50%', '33.33%'], p: 3 }}>Column 3</Box>
</Flex>
</Box>
);
}
export default MyComponent;
salzar
03/04/2023, 1:28 AMsalzar
03/04/2023, 1:29 AMRelatedTitle
03/04/2023, 5:11 AMRelatedTitle
03/04/2023, 5:11 AMRelatedTitle
03/04/2023, 5:11 AMCauaLW
03/04/2023, 12:33 PMelamandeep
03/04/2023, 3:15 PMgaryaustin
03/04/2023, 3:16 PM