menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

CSSBattle

CSS code golfing is here!

Channels
Team
Posts
Members
Info

The img of target #69 is missing at the moment

https://cssbattle.dev/targets/69.png

message-simple
2

Warning “HTML entities are rendered differently in different systems…” not…

The warning “HTML entities are rendered differently in different systems and might not work as you expect” when using non-ASCII characters (or numerical references &#…; thereof) has never been quite correct as this has always applied to ASCII characters like . (U+002E full stop)…

message-simple
0

Error leaderboard Battle #1

Hello :) I have an issue with the battle #1 leaderboard. I completed all the target but my total score (637.99) doesn't match at all. Can you check please ? My name on the website is "twogrey". Thanks !!

message-simple
3

JS Code execution

Hey, I'm just wondering, do you know that you can run js code? F.e. <body onload="javascript:document.write('<'+'script>console.log(window.sessionStorage);alert(\'JS Code Execution \' + window.sessionStorage.getItem(\'thesemetrics::session\'))</script>')">

message-simple
1

Bug on target #45

My solution looks exactly the same as in the preview stuff but the result yielded only 58%.

message-simple
2

My name doesn't appear on any of the leaderboards :(

Quite addicted to this, just for the CSS flex, but would be much more motivating to see my name on the leaderboards. I'm getting high scores for a number of previous battles, but my name doesn't show up in the list and it still says "Play at least 1 target to see your rank.".…

message-simple
9

Header broken

With the newly added “Jobs”, the header layout breaks on longer battle/target names:

message-simple
0

Mismatched result on inline(#5)-suffocate(#29)?

https://cssbattle.dev/play/29 The following css looks 100% correct but nets a 7.5% match. I'm using the latest chrome. <div style='border-bottom-right-radius:100px'></div><div style='border-bottom-left-radius:100px'></div><div style='border-top-right-radius:100px'></div><div…

message-simple
3

Remove whitespaces from counting towards your high score

It becomes pedantic & unreadable. You need to uglify your code manually to compete which seems dumb.

message-simple
3

Text Color in Light Theme in Pro

I am a CS teacher using CSS Battle. On a projector, the dark theme is hard to read. I was hacking the CSS of your page to change the background until I found that I could pay for pro and get a light theme. However, the text color is so faint that my students still can't read it.…

message-simple
2