Re: [css-d] Visual order vs source order

2020-08-24 Thread Tom Livingston
This is close, thanks. Unfortunately, the designer has "2" on desktop being on its own in the right column, nothing else spanning into the right column. So: mobile: 1 2 3 Desktop: 1 2 3 2 On Sat, Aug 22, 2020 at 8:55 AM Dave Chiu wrote: > > Hi Tom, > > Is this what you're looking fo

Re: [css-d] Visual order vs source order

2020-08-24 Thread Dave Chiu
Gotcha, Take a look at this "CSS masonry with flexbox; :nth-child(), and order": https://tobiasahlin.com/blog/masonry-with-css/ here's a trimmed down version of that for your specific case https://codepen.io/davechiu/pen/966023cd09ef54a5b6795a24d4a610e3 Dave On Mon, Aug 24, 2020 at 9:59 PM To

Re: [css-d] Visual order vs source order

2020-08-24 Thread Tom Livingston
Thanks so much Dave. I'll definitely give this a try when I start the project! On Mon, Aug 24, 2020 at 10:55 AM Dave Chiu wrote: > > Gotcha, > > Take a look at this "CSS masonry with flexbox; :nth-child(), and order": > > https://tobiasahlin.com/blog/masonry-with-css/ > > here's a trimmed down ve

Re: [css-d] Visual order vs source order

2020-08-24 Thread Joanne Chester
Hii :) On Mon, 24 Aug 2020, 4:21 pm Tom Livingston, wrote: > Thanks so much Dave. I'll definitely give this a try when I start the > project! > > On Mon, Aug 24, 2020 at 10:55 AM Dave Chiu > wrote: > > > > Gotcha, > > > > Take a look at this "CSS masonry with flexbox; :nth-child(), and orde