Challenge

Notification Badge

Easy

Put a small count badge on the top-right corner of an icon button, like a bell showing 3 unread.

Notes:

The starter button already contains the bell (🔔) and is set to position: relative, so the badge can be positioned against it.

An icon/button with a badge positioned in its top-right corner
The badge shows a number
The badge is visually distinct in color from the icon background, with its own border separating it

No automatic grading

Check your work against the list above, then compare it with the solution preview.

Tab indents. Press Esc, then Tab to leave the editor.

Live preview

Starter loaded. The preview updates as you type.