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 alt

A 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 every-layout.dev with no breakpoints.