LYTSExamples

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>