DIV sizing difficulties

[fl8k]

I am having some difficulty with my html/styling of some DIVs. Whenever I add a particular DIV inside another DIV, the height of the parent DIV expands unnecessarily. When I remove the inner DIV, the height is as expected/desired. Can anyone help me understand why adding the inner DIV is causing the height expansion of the parent?

https://codepen.io/fl8k/pen/abxPoYV

[hubdidub]

There are some typos in the html: You wrote <div calss="col-1"> ("calss" instead of "class"). So the col-1 doesn't actually apply there.
When you correct it, then it works as you wanted.

I can't really explain why, though.
My guess is that inside a row, having a mixture of col-N and non-col children isn't allowed and is causing some weird behavior.

[fl8k]

Wow that's embarrassing.. that solves it. Thanks