Use Cases and Requirements for Element Queries

Use cases is where everything always starts… or at least that’s where everything should start. Now that we’re beginning to see the light at the end of the tunnel for responsive images RICG are turning their attention on the next problem to solve.

In addition to adding use cases, if you’ve written anything around the subject, or read an interesting post, please add it to the comments https://github.com/ResponsiveImagesCG/eq-usecases/issues/5

Given a complex responsive layout, developers often require a more granular level of control over how the contents of an individual module will respond relative to the size of their parent container rather than the viewport size. This is prohibitive to the goal of creating modular, independent components, often requiring a number of redundant CSS, complex exception cases, and workarounds, and the problem compounds itself depending on how dramatically a module adapts at each of its breakpoints.

An excerpt from Use Cases and Requirements for Element Queries

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.