Making Tables With Sticky Header and Footers Got a Bit Easier

It wasn’t long ago when I looked at sticky headers and footers in HTML <table>s in the blog post A table with both a sticky header and a sticky first column. In it, I never used position: sticky on any <thead>, <tfoot>, or <tr> element, because even though Safari and Firefox could do that, Chrome could […]

Avatar of Chris Coyier
Chris Coyier on
Direct link to the article Equal Columns With Flexbox: It’s More Complicated Than You Might Think

Equal Columns With Flexbox: It’s More Complicated Than You Might Think

As awesome as flexbox is, what it’s doing under the hood is actually a little strange because, by default, it is doing two things at once. It first looks at the content size which is what we would get if by declaring width: max-content on an element. But on top of that, flex-shrink is also doing some work allowing the items to be smaller, but only if needed. Let’s break those two down and see how they work together.
Avatar of Kevin Powell
Kevin Powell on
Keep browsing in the archives