@swastika0015
Swastika Yadav
2 years
'Border: 1px solid red' is the console.log() of CSS!
147
323
3K

Replies

@eduardoRoth
Eduardo Roth
2 years
@swastika0015 I usually go for the `background:red` property, but the border option works fine too! :D
2
0
19
@swastika0015
Swastika Yadav
2 years
@eduardoRoth Yeah I use that too:)
0
0
2
@simlex_x
Simlex
2 years
1
0
0
@jamesqquick
James Q Quick @ RenderATL
2 years
1
0
0
@lortmorris
CΓ©sar Casas
2 years
Tweet media one
0
0
0
@HeydarNaghiyev
Heydar Naghiyev
2 years
@swastika0015 Absolutely! If you're trying to debug your CSS and you just can't figure out what's going wrong, console.log() is definitely the way to go. Just add a border: 1px solid red to your stylesheet and you'll be able to see exactly what's going on. No more guessing!
1
1
4
@its_rizzwan
Rizwan
2 years
@swastika0015 [].forEach.call($$("*"),function(a){.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)}) Or paste this on the console πŸ™‚
2
1
18
@imuttamsaran
Uttam Saran
2 years
@swastika0015 I used background-color: red;
0
0
2
@Aakash1103Jha
Aakash
2 years
@swastika0015 Correct 🀣🀣🀣
0
0
1
@DSakrisson
Dominique Sakrisson
2 years
@swastika0015 there is a browser extension called pesticide that will make your life infinitely easier
3
4
41
@drainpipe_
drainpipe
2 years
@swastika0015 Could we be the first community on Twitter that DOESN'T steal tweets for clout Could we
0
0
5
@Hunter4718
47 ~ The black P'er
2 years
0
0
1
@undefnied1
πš„πš—πšπšŽπšπš—πš’πšŽπš ✘✘✘
2 years
@swastika0015 Don't wanna be unpleasant, but I've read this same post 2000 times... repetition doesn't always help...
1
0
11
@ruthvikbheemidi
Ruthvik Bheemidi
2 years
@swastika0015 For me it is " Border: 2px solid black ".
0
0
2
@Dearie_de_cybek
Dearie_de_cybek
2 years
@swastika0015 For media queries body {background: red;} For the breakpoint
0
0
1
@manderscode
Mandy πŸ¦‹βœ¨The Hangry Coder✨
2 years
@swastika0015 @DevHarleyA this is you with your 1 px solid black πŸ˜‚ πŸ–€
1
0
1
@BostonTerrierAL
David Price
2 years
@swastika0015 I used to do that years ago (although I used outline instead of border so I don't end up increasing the box). It's still helpful some times, but Firebug and Chrome Inspector made it mostly unnecessary.
0
0
5
@BostonTerrierAL
David Price
2 years
@swastika0015 The web developer toolbar plugin also has the ability to do that. If you haven't used it yet, maybe you should give it a shot. It's super useful.
0
0
3
@yahya31415
Yahya Ayash #EndIsraeliApartheid
2 years
@swastika0015 Border affects the layout. Use β€˜outline: 1px solid red’ instead
0
1
1
@GabrielDuetee
Gabriel Duete
2 years
@swastika0015 I use background: red;
2
0
7