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 not currently booking new projects, but you can support my work by buying “Every Layout”.

Buy Every Layout