Need Help with Rows and columns

[jqueryhacker]

Hello,
I'm trying to set up a simple page with three divs.
Unresponsive would look like this
Div A
Div B
Div C
where Div B spans 2 rows A and C

When collapsed, I want them all 100%
but in the vertica sequence
Div A
Div B
Div C
Can anyone help me with that?

[badcat]

Maybe an ascii / drawing would help?

[jqueryhacker]

The spaces in my ascii drawing were collapsed. I'll try again.

That should be clearer

[badcat]

You could probably do something using the ascii inspired css grid template areas without even using Skeleton's float based "grid". As far as I know you can't do the vertical spanning you suggest.

Here's a codepen.
https://codepen.io/badcat/pen/BaLebRe