I am a part of Responsive Web Designing Bootcamp. Currently solving problems in [Learn CSS Colors by Building a Set of Colored Markers] and i am stuck at Step 78.
Step #78 asks me to Create a new rule to target both the cap
and sleeve
classes, and set display
to inline-block
.
I tried to solve the best way possible as per my understanding.
To my understanding there are two approach.
Either I can write
.cap{
width: 60px;
height: 25px;
display: inline-block;
}
.sleeve{
width: 110px;
height: 25px;
background-color: rgba(255, 255, 255, 0.5);
display: inline-block;
}
or I can just add this way
.cap.sleeve{
display: inline-block;
}
But, seems both approaches seems to be wrong as it is giving me error. and Hint is not helping me either.