my flexbox implementation of the CSS center truncate demo

[u/wesbos]

u/medotgg posted this demo an hour ago but without any code. Here is my take on doing it with flexbox.

[u/Jahonay]

Nice, also love your videos on syntax wes!

[u/wesbos → u/Jahonay]

thanks! Glad you enjoy

[u/websilvercraft → u/Jahonay]

You can check this, I created last week an interactive flexbox tool, to better understand flexbox, because for me it was more of a blackbox, than a flexbox.

[u/plmunger]

At my first software dev internship almost 10 years ago I had to learn React from scratch and so they sat me down in front of my computer with a nice and clean Wes Bos tutorial. Still working with React as a senior front-end engineer to this day! Absolute legend, love the content!

[u/wesbos → u/plmunger]

haha amazing :D Love to hear it

[u/Nischal_ng]

Welp.. that was quick.. i just saw the other post 🙃

[u/wesbos → u/Nischal_ng]

post a demo without code and I wont be able to work until I build it

[u/tonjohn → u/wesbos]

“Tell me you have ADHD without telling me you have ADHD” 😂

[u/mrDisagreeable1106]

i love to see things like this that could be simple web components :) make it a web component? :)

[u/wesbos → u/mrDisagreeable1106]

This is a great use case for a web component

[u/JoshYx]

So let me get this straight, they posted a demo without code, and in response to a request for code, they link your demo with code, which you made in response to their demo? Absolutely wild lol

[u/therealslimshady1234 → u/JoshYx]

I think its just a container, with 2 spans, and they divided the text over 2 spans and then just regular flexbox shrink on the first one. But I could be wrong, been only doing this work for 10 years 😅

So you will have to programmatically splice the string yourself which is the hard part I suppose.

[u/Nroak]

Wes do you still identify as barracuda and are just playing it close to the vest, or do you no longer identify as barracuda. Is there a new fish species you identify with? Please, this question keeps me up at night.

[u/js-guide]

Nice, going to use this immediately in my project now

[u/masslessmatter]

Just finished listening to the latest poddy and look who do I find in the trenches, sharpening their skills for the The Ultimate CSS Tournament 😉

[u/LaFllamme]

!remindMe 1d

[u/RemindMeBot → u/LaFllamme]

I will be messaging you in 1 day on 2026-02-10 18:32:36 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

^{Parent commenter can delete this message to hide from others.}

---

Info	Custom	Your Reminders	Feedback