Jon Uhlmann

Jon Uhlmann

@uhlmann.pro

Open-source package maintainer, freelancer, consultant and Neos CMS team member. Addicted to motorcycle riding, kitesurfing, snowboarding and onewheeling https://uhlmann.pro

11 followers15 following6 posts

Jon Uhlmann
@uhlmann.pro

Incorporating floating images utilizing the shape-outside property along with display: flow-root is akin to integrating an age-old technique into a modern context. This approach allows for creative text wrapping around images, creating visually appealing and engaging layouts.

View full thread
Jon Uhlmann
@uhlmann.pro

Meanwhile, the display: flow-root property establishes a new block formatting context, which helps manage the float and ensures that the container expands to encompass its floating children.

Jon Uhlmann
@uhlmann.pro

This technique not only improves the visual appeal but also enhances readability and user experience, as it provides a more harmonious blend of text and imagery.

Jon Uhlmann
@uhlmann.pro

Incorporating floating images utilizing the shape-outside property along with display: flow-root is akin to integrating an age-old technique into a modern context. This approach allows for creative text wrapping around images, creating visually appealing and engaging layouts.

Jon Uhlmann
@uhlmann.pro

The shape-outside property enables designers to define how text flows around the contours of an image, rather than just adhering to rectangular boundaries. For instance, when using a circular image, the text can elegantly wrap around the curved edges, enhancing the overall aesthetic of the webpage.

You are up to date.