The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Tiled layout alignment – flexbox? Reply To: Tiled layout alignment – flexbox?


Yeah that’s what I thought, they’re essentially completely separate. Have no connection so it’s impossible to get the 2 to work together. I’ll try the spacer image or :before element to see what that results in. If that doesn’t cut it I might just need to add margin/padding to the left sided content block to align it the best I can.

I have another layout, 2 column, which has a square image (inline) filling the entire left column. In the right I just have text. I’ve used flexbox to vertically centre the content there. That’s the best way of doing that to isn’t it? I know vertically alignment and CSS has always been a bit tricky but thought this would be the best way. Thought I could maybe use vertical-align: middle if both column divs were inline-block but not sure it’d work as well as flex?