html/CSS problems?

Hi everyone, I’m having a strange html/CSS problem.
Here’s my codepen:

I’m trying to create a footer that comes after the yellow cards but any text I create in the footer is placed on top of the last yellow card for some reason. For the life of me I can’t figure out what’s wrong. I would really appreciate some help

in my end text is after the yellow card

i

Thanks for responding. I managed to figure out what was wrong. I forgot a / on one of the div tags. It’s all working how I want it to now