Ever since I’ve been studying css I’ve heard the term parent container several times.

They’re always talking about how the size of something is dependent on the size of its parent container.

Today I finally understood parent containers because of a funny incident that happened.

This incident happened in 4 parts.

Part 1:

I finished an assignment that involved making this ferris 🛞 for my course. Link to that here.

Part 2:

I thought, “I wonder what it would look like if I put some letters inside each seat.”

That worked. Here it is here.

Part 3:

Then I thought, “I wonder what it would like with an image instead of text.” Even a good while later, was still laughing over this. I hope it gives you a chuckle too. This forever cleared up how containers work in CSS. Please note: This is funnier on a desktop.

Here’s the link.

Step 4:

The previous attempt at putting an image on the ferris 🛞 made me realize, “Oh that’s why containers matter. I get it now!”

Here is the fixed version with the image inside it’s parent container.