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
Direct link to the article How to Make a Media Query-less responsive Card Component

How to Make a Media Query-less responsive Card Component

Fun fact: it’s possible to create responsive components without any media queries at all. Certainly, if we had container queries, those would be very useful for responsive design at the component level. But we don’t. Still, with or without …

Avatar of Geoffrey Crofte
Geoffrey Crofte on (Updated on )