Articles Tagged flex-basis

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 container queries, we can do things to make our components surprisingly responsive. We’ll use concepts from Intrinsic Web Design, brought to us by Jen Simmons.

Let’s dive together into the use case described below, the solutions regarding the … Read article “How to Make a Media Query-less responsive Card Component”

The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for.… Read article “Making width and flexible items play nice together”