Solution is :
gift-img-cheers{
height:200px;
}
I found a solution that got to this solution:
.gift-img#gift-img-cheers{
height:200px;
}
Is it just preference of the coder or is there some deep dark coder cabal (get them tinfoil hats out peeps-ahh Uncle humor is just as funny as dad jokes) reason for this.
Jokes aside, I’m just wondering? It also took my solution and showed me the other as well.
John
Hey! You’re selecting elements that have both the class gift-ing and the id gift-img-cheers. I say elements but hopefully it is an element as id’s shld be unique.
There’s nothing wrong with doing this and sometimes you need to to be specific so it’s a good technique to know. Just bear in mind that reading CSS can get confusing quickly so it’s best to keep things as simple as possible and only combine selectors if necessary!