I have added a header and footer rule " .card header footer" to set the height and padding but it doesn’t work, but when I add the same rules to the “.card header” and “.card footer” sections separately it does work, also when adding seperate “.card header” and “.card footer” rules it also works but combining into one rule doesn’t. Is it to do with specificity?
I worked it out, need to use a comma between selectors “header, footer” , just a space indicates descendant of previous selector.
I’m glad you could solve it yourself and thanks for sharing the solution. This will help others.
Be aware that .card header, footer will match any footer on the page. In this exercise we only have one so it doesn’t matter. To specifically match the card footer you need to repeat the class .card header, .card footer.