CSS · Exercise 1 of 5Next
Beginner
Pin a badge to a card's corner
The "Sale" badge sits inside the card's flow and pushes the heading down. Pin it to the card's top-right corner instead, at most 16px from the top and right edges, using only CSS.
The badge must be placed against the card, not the page.
What Check tests
- The badge is absolutely positioned
- The badge is placed against the card
- The badge sits in the card's top-right corner
- The heading is no longer pushed down by the badge
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.