CSS debug 😂😂😂 - devRant

Ranter

Comments

5

Root

82946

5y

Nope.
Cyan and Mediumvioletred for meee
0

Sumafu

2266

5y

I use very often color or background-color 😂
4

kamen

7008

5y

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

synchronicity

1316

5y

@Root +1 for cyan.
3

12bitfloat

8683

5y

Or just "Select Element" from the devtools
2

LeMeow

6466

5y

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

kamen

7008

5y

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

olback

11095

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

258

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

69514

5y

Before chrome devtools, this was the way.

Now, we have this bad boy!
0

vocuzi

8283

5y

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

bytecode

5123

4y

@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