← All challenges
Challenge
Stacked Avatar Group
Easy- css
Draw a row of circular avatars that overlap one another, the way collaborators are shown on a shared document. End the row with one more circle holding the count of people not shown, such as +5.
Notes:
- Initials on colored circles are enough. No image files are needed.
Check your work against
- At least 4 circular avatars overlapping in a row
- A final "+N" circle showing an additional count
- Each avatar has a visible border separating it from the one behind 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.