React+TypeScript: CSS Battle Solutions

はじめに

CSS Battle と言うサイトがあって、問題が画像で出題されてそれを解いて送信すると合否を返してくれる。できるだけ短いプログラムにすると点数が高いようなのですが、それでは勉強にならないので地道に解いてみようと思います。

まだ1題しか解いていないので、今後付け足していく予定です。

実行例

See the Pen css-battle-solutions by kalz2q (@kalz2q) on CodePen.

解説

参考サイト: https://github.com/chokcoco/css-battle-answer

色は出題画像の下にあるのでコピペできるけど、サイズはどうやって知るのだろうか。