Project 3: Recipe Page
CSS Stylist
Builds on these lessons
Step 1 of 3
Project
Color Value Formats
Set .recipe-title using a hex color, .prep-time using rgb(), and .difficulty-badge using hsl() — three ways to write the exact same kind of value. hsl() (hue, saturation, lightness) is often the easiest to reason about when you want a slightly darker or more muted version of a color: just change one number.
🎯 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!
.recipe-title {
color: #b45309;
}
.prep-time {
color: rgb(107, 114, 128);
}
.difficulty-badge {
background-color: hsl(150, 60%, 40%);
color: white;
}