This is fine, but it doesn’t have something to deal with floating pull quotes and the like. Those are still best dealt with using float: left/right, but now we have shape-outside: border-box; so you can push them into the middle of a paragraph instead of always having to be aligned to the top of one.
Speaking for myself, I find that floats often create new positioning problems, which are solvable but I find messy. I’m always on the lookout for ways to define layouts as explicitly as possible, particularly when working with a grid-based design.
I wouldn’t use floats for the layouts in TFA, no. I mean just literally when you need a floating info box to the left or right of the main text.
Like this:
some content some content
some content some content
more content
more content sidebar one
more content did you ever
more content read content
more content
some content some content
some content some content
This is fine, but it doesn’t have something to deal with floating pull quotes and the like. Those are still best dealt with using float: left/right, but now we have
shape-outside: border-box;so you can push them into the middle of a paragraph instead of always having to be aligned to the top of one.Speaking for myself, I find that floats often create new positioning problems, which are solvable but I find messy. I’m always on the lookout for ways to define layouts as explicitly as possible, particularly when working with a grid-based design.
I wouldn’t use floats for the layouts in TFA, no. I mean just literally when you need a floating info box to the left or right of the main text.
Like this: