Néstor• 60
@nesc11
Posted
Greetings,
Your project is very similar to the design, but there is one card that must have a different background (Patrick testimony), also I implemented the colors in the following way to avoid repeating code and to make it feel a little more intuitive:
/* n is the number of your card, so you must have 5 classes and these are just example colors */
.card-n {
--primary-color: 219, 29%, 14%;
--secondary-color: 210, 46%, 95%;
}
.card {
background-color: hsl(var(--primary-color));
color: hsl(var(--secondary-color));
}
.card .verified-graduate {
color: hsl(var(--secondary-color), 0.5)
}
.card .review {
color: hsl(var(--secondary-color), 0.7)
}
I hope you find it useful, keep coding!
0
