The NEW update does it a little differently: the body element uses flexbox to pull this off, which makes it a lot nicer because the sidebar doesn't have to be a fixed width. It also lets me do some interesting styling. Here's a pic from that new update:
November 10, 2025 at 1:26 AM
The NEW update does it a little differently: the body element uses flexbox to pull this off, which makes it a lot nicer because the sidebar doesn't have to be a fixed width. It also lets me do some interesting styling. Here's a pic from that new update:
fighting for my life trying to center a flexbox
November 3, 2025 at 5:29 PM
fighting for my life trying to center a flexbox
sexy css flexbox layout
Your Halloween costume is "sexy" plus the last internet search you made:
Sexy Sneaky Pickle
(It’s a bar! It’s not weird I promise!)
Sexy Sneaky Pickle
(It’s a bar! It’s not weird I promise!)
Your Halloween costume is "sexy" plus the last internet search you made:
Sexy Meiji restoration
….uhhh 😂
Sexy Meiji restoration
….uhhh 😂
October 26, 2025 at 1:08 AM
sexy css flexbox layout
flexbox: am i a joke to you
Normal graphics API: let me arrange some rectangles, each of which can draw their pixels. Here are standard rectangles for 'button', 'text', and 'picture', go nuts.
Web: all of the rectangles have a backstory and are programmed in seven languages across five files. Vertical centering is impossible
Web: all of the rectangles have a backstory and are programmed in seven languages across five files. Vertical centering is impossible
October 23, 2025 at 1:56 PM
flexbox: am i a joke to you
flexbox is the single best thing ever added to CSS. really just a masterpiece. one tool that solves every layout problem I've ever had
October 24, 2025 at 6:06 AM
flexbox is the single best thing ever added to CSS. really just a masterpiece. one tool that solves every layout problem I've ever had
Flexboxの横並びで要素が孫まである場合に左右の高さが合わずjqueryに頼ってたんだけど、ulにflexかけてliにストレッチ効いてないみたいなアンポンタンなミスでした♪
コピペコーダー辞めたい♪
コピペコーダー辞めたい♪
October 23, 2025 at 8:57 AM
Flexboxの横並びで要素が孫まである場合に左右の高さが合わずjqueryに頼ってたんだけど、ulにflexかけてliにストレッチ効いてないみたいなアンポンタンなミスでした♪
コピペコーダー辞めたい♪
コピペコーダー辞めたい♪
Like this morning, a coworker asked me for help with Flexbox.
I helped her, and then I shared where I got my knowledge from. Because knowledge isn't just knowing the thing, it is also knowing when to use it.
I helped her, and then I shared where I got my knowledge from. Because knowledge isn't just knowing the thing, it is also knowing when to use it.
October 22, 2025 at 7:16 PM
Like this morning, a coworker asked me for help with Flexbox.
I helped her, and then I shared where I got my knowledge from. Because knowledge isn't just knowing the thing, it is also knowing when to use it.
I helped her, and then I shared where I got my knowledge from. Because knowledge isn't just knowing the thing, it is also knowing when to use it.
i am unreasonably proud of this one
i have successfully distilled the essence of flexbox into two variables
i have successfully distilled the essence of flexbox into two variables
October 21, 2025 at 10:07 AM
i am unreasonably proud of this one
i have successfully distilled the essence of flexbox into two variables
i have successfully distilled the essence of flexbox into two variables
in my defense it's because i've been reading about flexbox and grids and it's kinda rocking my world
October 21, 2025 at 9:10 PM
in my defense it's because i've been reading about flexbox and grids and it's kinda rocking my world
On that note, I see many devs prefer CSS Grid as if it supersedes Flexbox, but there are subtle differences. And I always go Flexbox first unless Grid is necessary. Not sure how to explain why though 🤔
bsky.app/profile/dbus...
bsky.app/profile/dbus...
reading: "The CSS Reset, again" pawelgrzybek.com/the-css-rese... by @pawelgrzybek.com
— great research. I'm liking the audacity of that flexbox by default!
— great research. I'm liking the audacity of that flexbox by default!
The CSS Reset, again | pawelgrzybek.com
Apparently you are not a real CSS dev if you don’t maintain your own CSS reset. Challenge accepted! Not a typical reset, but for sure a bunch of opinions.
pawelgrzybek.com
October 19, 2025 at 8:10 AM
On that note, I see many devs prefer CSS Grid as if it supersedes Flexbox, but there are subtle differences. And I always go Flexbox first unless Grid is necessary. Not sure how to explain why though 🤔
bsky.app/profile/dbus...
bsky.app/profile/dbus...
((slamming my head into a wall at 100mph repeatedly)) mobile responsive web design is hARDER THAN I THOUGHT AND SO FREAKING FINNICKY oh my Goddddddd what is happening with my flexbox (((sitting on the floor with blood running down my head and licking it up as it reaches my mouth))) i love coding
October 19, 2025 at 1:50 AM
((slamming my head into a wall at 100mph repeatedly)) mobile responsive web design is hARDER THAN I THOUGHT AND SO FREAKING FINNICKY oh my Goddddddd what is happening with my flexbox (((sitting on the floor with blood running down my head and licking it up as it reaches my mouth))) i love coding
If you want to rationalize using flexbox, you can always say that it requires only one pass by the layout engine, whereas grid requires two. Then proceed to load in 1MB of JS…
October 19, 2025 at 8:32 AM
If you want to rationalize using flexbox, you can always say that it requires only one pass by the layout engine, whereas grid requires two. Then proceed to load in 1MB of JS…
god i always forget just how much easier flexbox makes everything
October 14, 2025 at 7:17 PM
god i always forget just how much easier flexbox makes everything
🆕 WWW ep #213
Is #CSS A programming language?
@robbiethewagner.dev, @kevinpowell.co and I chat about the quirks and complexities of CSS, Tailwind and flexbox, AI’s failure to write decent styles, anchor dingles, trim styles, and more.
nerdy.dev/www-ep213-wi...
Is #CSS A programming language?
@robbiethewagner.dev, @kevinpowell.co and I chat about the quirks and complexities of CSS, Tailwind and flexbox, AI’s failure to write decent styles, anchor dingles, trim styles, and more.
nerdy.dev/www-ep213-wi...
WWW Ep213 With Kevin Powell · October 9, 2025
Ep #213 Is CSS A programming language? Robbie and I chat with Kevin Powell about the quirks and complexities of CSS, Tailwind and Flexbox, AI’s failure to write decent styles, anchor dingles, trim sty...
nerdy.dev
October 9, 2025 at 12:35 PM
🆕 WWW ep #213
Is #CSS A programming language?
@robbiethewagner.dev, @kevinpowell.co and I chat about the quirks and complexities of CSS, Tailwind and flexbox, AI’s failure to write decent styles, anchor dingles, trim styles, and more.
nerdy.dev/www-ep213-wi...
Is #CSS A programming language?
@robbiethewagner.dev, @kevinpowell.co and I chat about the quirks and complexities of CSS, Tailwind and flexbox, AI’s failure to write decent styles, anchor dingles, trim styles, and more.
nerdy.dev/www-ep213-wi...
4. Flexbox order (like grid) is confusing because while CSS has solved the technical difficulties of page resizing (all kudos to the CSS folks, seriously) there's a nightmarish complexity problem. Using HTML+CSS to represent all websites and most mobile apps is like writing all books in TEI.
October 3, 2025 at 3:30 AM
4. Flexbox order (like grid) is confusing because while CSS has solved the technical difficulties of page resizing (all kudos to the CSS folks, seriously) there's a nightmarish complexity problem. Using HTML+CSS to represent all websites and most mobile apps is like writing all books in TEI.
It certainly did! I have a lot of love for flexbox as well for paving the way for grid.
October 2, 2025 at 4:52 PM
It certainly did! I have a lot of love for flexbox as well for paving the way for grid.
Shoutout to @kevinpowell.co who gets giddy about CSS and made me want to like it :)
Here’s what I’m watching now, still trying to grasp flexbox vs grid and how it all works
Here’s what I’m watching now, still trying to grasp flexbox vs grid and how it all works
2 common CSS layout misconceptions
YouTube video by Kevin Powell
youtu.be
September 30, 2025 at 7:18 PM
Shoutout to @kevinpowell.co who gets giddy about CSS and made me want to like it :)
Here’s what I’m watching now, still trying to grasp flexbox vs grid and how it all works
Here’s what I’m watching now, still trying to grasp flexbox vs grid and how it all works
I know I’m a little late to the party, but flexbox vs grid in CSS is pretzeling my brain lol
I’ll think I’ve got it, then go to do it, and nope. Hard nope. I feel like I’m close though - don’t give out hope haha
I’ll think I’ve got it, then go to do it, and nope. Hard nope. I feel like I’m close though - don’t give out hope haha
September 28, 2025 at 11:44 PM
I know I’m a little late to the party, but flexbox vs grid in CSS is pretzeling my brain lol
I’ll think I’ve got it, then go to do it, and nope. Hard nope. I feel like I’m close though - don’t give out hope haha
I’ll think I’ve got it, then go to do it, and nope. Hard nope. I feel like I’m close though - don’t give out hope haha
I'm going back to the flexbox tutorial >:(
inb4 worse math
inb4 worse math
September 22, 2025 at 5:42 AM
I'm going back to the flexbox tutorial >:(
inb4 worse math
inb4 worse math
😮 I just realized that my most popular blog post (An Interactive Guide to Flexbox) recently surpassed 1 million lifetime views!
Totally mindblowing to me. I remember when my blog posts would get a few dozen views. 😅
Totally mindblowing to me. I remember when my blog posts would get a few dozen views. 😅
An Interactive Guide to Flexbox in CSS • Josh W. Comeau
When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things. Fluid layouts that stretch and shrink without arbitrary breakpoints. In this action-packed intera...
www.joshwcomeau.com
September 18, 2025 at 3:01 PM
😮 I just realized that my most popular blog post (An Interactive Guide to Flexbox) recently surpassed 1 million lifetime views!
Totally mindblowing to me. I remember when my blog posts would get a few dozen views. 😅
Totally mindblowing to me. I remember when my blog posts would get a few dozen views. 😅
I've finally got around to documenting a cute way of building an Image Gallery with flexbox:
bfgeek.com/flexbox-imag...
This technique maintains image aspect-ratios, and ensures there is no additional free space (full-bleed).
Let me know what you think!
(@bram.us - I got around to this!)
bfgeek.com/flexbox-imag...
This technique maintains image aspect-ratios, and ensures there is no additional free space (full-bleed).
Let me know what you think!
(@bram.us - I got around to this!)
Exploiting flex-grow for an Image Gallery
How to build a full-bleed Image Gallery with flexbox.
bfgeek.com
September 13, 2025 at 5:55 PM
I've finally got around to documenting a cute way of building an Image Gallery with flexbox:
bfgeek.com/flexbox-imag...
This technique maintains image aspect-ratios, and ensures there is no additional free space (full-bleed).
Let me know what you think!
(@bram.us - I got around to this!)
bfgeek.com/flexbox-imag...
This technique maintains image aspect-ratios, and ensures there is no additional free space (full-bleed).
Let me know what you think!
(@bram.us - I got around to this!)
CSS `field-sizing` on a `<textarea>` is obviously awesome.
But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.
But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.
September 12, 2025 at 6:21 PM
CSS `field-sizing` on a `<textarea>` is obviously awesome.
But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.
But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.
The #CSS `stretch` keyword essentially enables one of the most useful capabilities of Flexbox and Grid to be used outside a flex or grid context: It allows you to *stretch* an element to take up *the remaining/available space within its container*.
September 12, 2025 at 9:25 AM
The #CSS `stretch` keyword essentially enables one of the most useful capabilities of Flexbox and Grid to be used outside a flex or grid context: It allows you to *stretch* an element to take up *the remaining/available space within its container*.
Sometimes learning some web technologies are so confusing, for example "Adaptative Design", "Responsive Design" and now I discover something new "Flexbox css" and do i need more ? ...... wel thanks my webpage is respond design template and I am not going to change for a while !.
October 3, 2024 at 4:40 PM
Sometimes learning some web technologies are so confusing, for example "Adaptative Design", "Responsive Design" and now I discover something new "Flexbox css" and do i need more ? ...... wel thanks my webpage is respond design template and I am not going to change for a while !.