Skeleton icon indicating copy to clipboard operation
Skeleton copied to clipboard

Published 20 hours ago • verified publisher icon dhg

Need Help with Rows and columns

Open jqueryhacker opened this issue 4 years ago • 3 comments

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?

jqueryhacker avatar Jan 23 '21 04:01 jqueryhacker

Maybe an ascii / drawing would help?

badcat avatar Jan 23 '21 17:01 badcat

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

Divs

That should be clearer

jqueryhacker avatar Jan 23 '21 19:01 jqueryhacker

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

badcat avatar Jan 24 '21 00:01 badcat