CSS debug 😂😂😂

  • 5
    Cyan and Mediumvioletred for meee
  • 0
    I use very often color or background-color 😂
  • 4
    As if you can't debug CSS through the console...
  • 2
    @Root +1 for cyan.
  • 3
    Or just "Select Element" from the devtools
  • 2
  • 1
    @12bitfloat ... or just Ctrl+Shift+C while DevTools is open.
  • 4
    Adding a 1px border makes the element 2px wider and taller. This "debugging" may actually screw you instead of help you. Background color is better.
  • 2
    Using outline or just the browser's built in debugging tools is imo the best option.
    Border could fuck up your styles if you use box-sizing: content-box
  • 4
    Before chrome devtools, this was the way.

    Now, we have this bad boy!
  • 0
    @Root green, red, black, cyan and blue got me
  • 0
    @Farshad background: red and background: rgb(0,255,0)... then of course rgb(0,0,255), rgb(255,255,0) rgb(255,0,255) and rgb(0,255,255) are my favorite debugging and layout mock-up colors :D
Add Comment