Coping with Flexbox
kgrz.io
Coping with Flexbox
1–10 of 57 posts
Re: Coping with Flexbox
#2I have been messing around with Flexbox quite a bit at work and this will be a super useful reference, thanks!
Re: Coping with Flexbox
#3Nice guide, thanks for writing it. I can never remember which directions align/justify impact. The best mnemonic I could think of was justified text. When you click the justify button on a text paragraph in a typical word processor, it impacts the text in the same direction as justify-content in flexbox does.
Re: Coping with Flexbox
#4For figuring which flexbox options I want, I always use this: https://cvan.io/flexboxin5/ bit of a flexbox editor/explorer
Re: Coping with Flexbox
#5CSS-Tricks also has a more practical guide which has been essential for me: https://css-tricks.com/flex-grow-is-weird/
Re: Coping with Flexbox
#6Nice guide, thanks for writing it. I can never remember which directions align/justify impact. The best mnemonic I could think of was justified text. When you click the justify button on a text paragraph in a typical word processor, it impacts the text in the same direction as justify-content in flexbox does.
You just have to remember that if the flex-direction is column, align/justify also flip. Which is partly why it's so confusing.
Re: Coping with Flexbox
#7This is a super helpful guide! Thanks!
Re: Coping with Flexbox
#8Once flexbox understanding kicks-in, it becomes the most efficient way to create layouts by far.
Re: Coping with Flexbox
#9Nice guide, thanks for writing it. I can never remember which directions align/justify impact. The best mnemonic I could think of was justified text. When you click the justify button on a text paragraph in a typical word processor, it impacts the text in the same direction as justify-content in flexbox does.
You just have to remember that if the flex-direction is column, align/justify also flip. Which is partly why it's so confusing.
They are the same in relation to the flex-direction. Justify goes with the direction, align goes perpendicular to it. But still I agree, I've now been using flexbox for a long time and I still find myself second guessing a lot.
Re: Coping with Flexbox
#10Super useful! Thank you so much for this.