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 a definite width

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 d78bbe1
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions main.sass
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,7 @@ ul
> *
flex: 1
max-height: 100%
width: 100px // need a definite width to start with

.scrollParent
display: flex
Expand Down

0 comments on commit d78bbe1

Please sign in to comment.