How do I allow my parent container be responsive and increase its height when its floated child grows?
Add overflow: hidden; to your .container css.
To clarify, containers will collapse when their children are floated, using
overflow: hidden; (without setting a height value) will allow
the container to self-clear the floated elements.