Using outline instead of border

A little 🔥 tip for you:

You can use outline instead of border to achieve the same visual effect, but it’ll bleed over the edges nicely.

It’s great for responsive elements like in this video:

Video altA screencast of my browser resizing over an availability element on my site. There’s a bright border that bleeds over the edges when the screen is shrunk. 

I learned this trick from @heydonworks because that’s how he got the sidebar border working perfectly on with no breakpoints.

Hi 👋
I’m Andy, a freelance web designer

I’m currently looking to book web design, training and consultancy projects from November 2019, onwards.

Hire me