Header A3
Home
WorkBlog
AboutContact
Edit the page on GitHub<headersx={{display: 'grid',gridGap: 3,maxWidth: 768,mx: 'auto',px: 3,py: 3,gridAutoFlow: 'row',gridTemplateColumns: ['repeat(2, 1fr)', 'repeat(3, 1fr)'],variant: 'styles.header',}}><divsx={{display: 'flex',alignItems: 'center',justifyContent: 'center',gridColumnStart: [1, 2],gridColumnEnd: [3, 3],order: [0, 1],}}><Link to="/" title="Home"><imgalt="UI Logo"src="https://contrast.now.sh/cff/40f?size=48&fontSize=2&baseline=2&fontWeight=900&radius=32&text=UI"/><spansx={{position: 'absolute',width: 1,height: 1,overflow: 'hidden',top: -9999,}}>Home</span></Link></div><divsx={{display: 'flex',alignItems: 'center',justifyContent: 'flex-start',}}><Linkto="/work"sx={{variant: 'styles.navlink',p: 2,}}>Work</Link><Linkto="/blog"sx={{variant: 'styles.navlink',p: 2,}}>Blog</Link></div><divsx={{display: 'flex',alignItems: 'center',justifyContent: 'flex-end',order: 2,}}><Linkto="/about"sx={{variant: 'styles.navlink',p: 2,}}>About</Link><Linkto="/contact"sx={{variant: 'styles.navlink',p: 2,}}>Contact</Link></div></header>