Direct link to the article Are we in a new era of web design? What do we call it?

Are we in a new era of web design? What do we call it?

Direct Link

Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids, flexible media, and media queries, the new responsive is those things …

Avatar of Chris Coyier
Shared by Chris Coyier on (Updated on )
Direct link to the article Use CSS Clamp to create a more flexible wrapper utility

Use CSS Clamp to create a more flexible wrapper utility

Direct Link

I like Andy’s idea here:

.wrapper {
  width: clamp(16rem, 90vw, 70rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

Normally I’d just set a max-width there, but as Andy says:

This becomes a slight issue in mid-sized viewports, such

Avatar of Chris Coyier
Shared by Chris Coyier on (Updated 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 )