I added the github Link if you have any feedback or changes!
Show HN: Struggle with CSS Flexbox? This Playground Is for You
11–20 of 120 posts
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#12Still better than floats. Maybe some day we will again approach ease of use of the html tables.
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#13Or just ask chatgpt.
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#142025: two years and three tutorials later I still cannot use flex properly. Another one that didn't help me as well: https://flexboxfroggy.com/
After years of working with Flexbox, I have realized Flexbox is like plugging in a USB-A: justify and align are always the wrong way around on first try.
But, like USB-A, are they also frequently the wrong way round the second time too?
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#15Flexbox makes sense when you understand it is 2 dimensional.
Everything in FB is 2 dimensional.
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#16I highly recommend Josh's guide: https://www.joshwcomeau.com/css/interactive-guide-to-flexbox...
It goes over more advanced gotchas and tips in detail such as flex-basis, auto margins, min-width, etc.
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#17This is great, but the problem is I won't be able to find it when I am working with CSS Flexbox
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#18Why did they name those props `justify-content` and `align-items` instead of `main-axis-arrangement` and `cross-axis-alignment` which makes more sense?
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#19I really love flex. Helped me get over bootstrap and floats.
Re: Show HN: Struggle with CSS Flexbox? This Playground Is for You
#20Why did they name those props `justify-content` and `align-items` instead of `main-axis-arrangement` and `cross-axis-alignment` which makes more sense?
There is probably some explanation, but in general, I find many CSS properties confusing and unintuitive: `color`, `text-align`, `position: absolute` vs `position: fixed` (absolute is still technically relative!), etc.