<footer
  sx={{
    display: 'flex',
    flexWrap: 'wrap',
    alignItems: 'center',
    justifyContent: 'center',
    p: 2,
    variant: 'styles.footer',
  }}>
  <Link to="/" sx={{ variant: 'styles.navlink', p: 2 }}>
    Home
  </Link>
  <Link to="/" sx={{ variant: 'styles.navlink', p: 2 }}>
    Blog
  </Link>
  <Link to="/" sx={{ variant: 'styles.navlink', p: 2 }}>
    About
  </Link>
</footer>
Edit the page on GitHub