Why is Header Ignoring Above Div Blocks

https://www.codecademy.com/practice/projects/independent-project-web-design-system

I’m trying to do that challenge project, and I did I think a good enough sample of the color aspect, but when I went to put down the font, for some reason it ignored my .color div block and all the div blocks inside the .color div block. As seen in the picture. It looks like my .color div only has the heading inside it even though everything is supposed to be inside it.

This is my current code.

It looks like float is causing my problems, why is that and how do I fix it?

I figured it out, the div block’s height just doesn’t adjust to automatically encompass its content.

1 Like