Footer

Leverage Columns to create a 4-columns footer layout, collapsing into a single column on small screens

// Edit the live code below
<Columns collapseAt='30em'>
<Box xAlign='center' yAlign='center'>
My logo
</Box>
<Stack gap={0.5}>
<span>Products</span>
<span>Services</span>
<span>For Business</span>
</Stack>
<Stack gap={0.5}>
<span>About Us</span>
<span>Terms of Use</span>
<span>Privacy Policy</span>
</Stack>
<Stack gap={0.5}>
<span>Facebook</span>
<span>Twitter</span>
<span>LinkedIn</span>
</Stack>
</Columns>