Project 5: Team Members Grid
CSS Stylist
Builds on these lessons
Step 1 of 2
Project
Structural Selectors
Use .team-card:nth-child(odd) to shade every other card without adding a class to any of them by hand, and an attribute selector [data-role="lead"] to give team leads a distinct accent border — both target elements by their position or data, not a class you'd have to remember to add.
🎯 Your Task
Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!
.team-card:nth-child(odd) {
background-color: #f9fafb;
}
[data-role="lead"] {
border-left: 4px solid #f59e0b;
}