Popcorn Hack

Popcorn Hack: Fill in the Blanks

Read the sentences and fill in the missing terms

1. The checkbox on a toggle keeps track of whether it is on or off.
2. The slider is the visible part of the toggle that changes color when it is turned on.
3. The .switch class controls the toggle’s position, size, padding, and alignment.
4. The border-radius property makes the slider have rounded edges.
5. The &::before class dictates the white circle of the toggle.

Homework Hack

Challenge

Build a dashboard control panel with 3 functional toggles, an active count tracker, and live feature updates.

Lines: 1 Characters: 0

UI Output