Note: While we wait for browsers to implement the…

While we wait for browsers to implement the text-wrap: balance; #CSS property and value for text (pleeeeeease! 🙏), I may have created a silly — and probably sub-optimal — function to do it with HTML block elements:

https://codepen.io/nhoizey/pen/mdjbrVx

Tell me what you think!

But why? Just because a colleague needed it, we could not find a solution in pure CSS, and I like challenges… 😅

older note:
Note from 14 December 2022
newer note:
Note from 18 December 2022

Zach Leatherman

3 Methods for Scoped Styles in Web Components That Work Everywhere
- Nicolas Hoizey
- 8 April 2023
- WebC, Web Components, JavaScript, CSS
- 7 reactions
WebC allows folks to broaden access to things built with web components without the drawbacks of other methods I really have to try WebC more seriously,…
Matthias Ott

Transient Frameworks
- Nicolas Hoizey
- 2 December 2022
- standards, HTML, CSS, JavaScript, framework
- 1 reaction
Many of the latest additions to HTML, CSS, and JavaScript first existed as JavaScript libraries or frameworks or pre-processors or polyfills and then…
Donnie D'Amato

gridless.design
- Nicolas Hoizey
- 27 November 2022
- Grid, Flexbox, CSS, layout
- 11 reactions
The web is good at these things, just not in the ways that designers have been accustomed to working. We'll take a look at how we got here and how…
Sam Magura

Why We're Breaking Up with CSS-in-JS
- Nicolas Hoizey
- 3 November 2022
- JavaScript, CSS, WebPerf
- 5 reactions
Thanks for reading this deep dive into runtime CSS-in-JS. Like any technology, it has its pros and cons. Ultimately, it's up to you as a developer…
- Nicolas Hoizey
- 29 July 2021
- CanIUse, CSS, Flexbox, layout
- 4 reactions
- permalink
Based on #CanIUse data, using gap with Flexbox with no fallback means half iOS users won't get the right layout.

Can I Use flexbox-gap?

It might be a bit too soon… 🥲

Note from 16 December 2022

Related contents with similar topics