CSS debug 😂😂😂 - devRant

Ranter

Comments

5

Root

79765

5y

Nope.
Cyan and Mediumvioletred for meee
0

Sumafu

2242

5y

I use very often color or background-color 😂
4

kamen

6925

5y

As if you can't debug CSS through the console...
2

synchronicity

1238

5y

@Root +1 for cyan.
3

12bitfloat

9381

5y

Or just "Select Element" from the devtools
2

LeMeow

6243

5y

I use this debugger
https://freecodecamp.org/news/...
1

kamen

6925

5y

@12bitfloat ... or just Ctrl+Shift+C while DevTools is open.
4

olback

10794

5y

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

maysi

257

5y

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

C0D4

66902

5y

Before chrome devtools, this was the way.

Now, we have this bad boy!
0

vocuzi

8195

5y

@Root green, red, black, cyan and blue got me
0

bytecode

4833

5y

@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

devRant © 2021 Hexical Labs LLC
Privacy Policy | Terms of Service