Skip to content

Commit

Permalink
Make columns shrink equally/make sure they are equal width even on na…
Browse files Browse the repository at this point in the history
…rrow screens, by giving them all the same basis.

See https://css-tricks.com/equal-columns-with-flexbox-its-more-complicated-than-you-might-think/

"flex-shrink is a ratio. If everything has the same flex-shrink (which is 1 by default), they all shrink at the same rate. That doesn�t mean they all shrink to the same size or by the same amount, but they all shrink at the same rate."
  • Loading branch information
MaxWilson committed Nov 27, 2023
1 parent 6a98779 commit 8068dff
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion main.sass
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ ul
width: calc(100% - 6px)
gap: 10px
> *
flex: 1
flex: 1 1 100%
max-height: 100%

.scrollParent
Expand Down

0 comments on commit 8068dff

Please sign in to comment.