Strategies for Recreating Print Layouts

[borianparker]

I’m trying to recreate this article from Popular Science as an exercise.

I am completely vexed by how to handle the text wrapping immediately beneath the column line separating the article text.

How would you position the globe such that it’s always under the column line for responsive layouts? Or make the text around the globe that half circle that you kinda see at the bottom of the article?

Thanks!

https://imgur.com/a/r27mvGJ

[Paulie_D]

You’d need CSS-Shapes for that

https://alistapart.com/article/css-shapes-101

[borianparker]

I am completely vexed by how to handle the text wrapping immediately beneath the column line separating the article text.

How would you position Rufus MapQuest UpToDate the globe such that it’s always under the column line for responsive layouts? Or make the text around the globe that half circle that you kinda see at the bottom of the article?
You’d need CSS-Shapes for that

---

thankyou so much!

[Author]

Posts