Use Outline Instead of Border for CSS Debugging

When debugging CSS, it's beneficial to use 'outline' instead of 'border' as it doesn't change the box size.

.debug {
  outline: 1px solid red;
}

By using 'outline' instead of 'border', you avoid affecting the box size which can distort the layout. This method provides a more accurate debugging process.

Copyright © 2024. Design and code by myself with Next.js. Fork it and create yours