CSSBattle's LEARN - Level #23

[mchxyz]

Hey there!

I've been trying to complete level #23 of CSSBattle's LEARN but unfortunately the webpage doesn't let me continue after inputting what I believe is the right value (100px) in order to create a circle.

<style> div { width: 200px; height: 200px; background-color: purple; margin: 20px; border-radius: 100px; } </style>

P.S.: I've tried with a % as well and it didn't work.

So, is this a bug or am I just stuck?

You can check it out at https://cssbattle.dev/learn/23

Thanks in advance for your reply!

[aarthvaen]

It seems that the level doesn't accept a border-radius value in px. However, using percentage, i.e. border-radius: 50%; seems to overcome the issue (on my end, at least).

[mchxyz]

Thank you! I tried using a border radius of 100% as well using both Safari and Chrome browsers (either from a desktop or a phone) and it didn’t work for me.

[chinchang]

100px is 50% of <div>'s width. So border-radius should 50% :)

[chinchang]

[mchxyz]

Awesome! Thank you.