Home
Tracks
Reset
Help
Theebug — Learn CSS by Doing
Light
Explorer
···
▼
THEEBUG
lesson1.css
lesson2.css
lesson3.css
lesson4.css
lesson5.css
lesson6.css
Completed
0/6
Score
0
CSS
lesson5.css
×
THEEBUG
›
lesson5.css
1
.
button
{
2
background
-
color
:
______
;
3
border
-
radius
:
______
;
4
}
TERMINAL
PROBLEMS
OUTPUT
DEBUG CONSOLE
⊕
⋮
$
[system] Theebug ready. Happy coding!
Code Blocks
Drag blocks into the drop zones above
4 blocks available
lightblue
darkblue
999
px
0
px
Game Panel
0:00
0 pts
Level 5 of 6
Backgrounds & Radius
0/2 slots correct
Objective
Give .button a lightblue background and fully rounded corners
Expected Output
A pill-shaped, light blue button
Debug says:
background-color paints the box. border-radius rounds its corners — a huge value bigger than the box's height rounds it all the way into a pill shape!
Debug the Worm