Loading content
Responsive design is a design paradigm for websites and applications that adapts layout, content, and interaction to varied screen sizes and input devices. It employs flexible grids, media queries, and relative units to maintain usability and performance across mobile phones, tablets, and desktop displays.
Use this profile to understand the building block briefly, place it in the model, and switch to the 360° assessment when needed.
Theoretical construct: explains a term, principle, or mental model.
What you need to understand to reason about a domain.
Responsive design lets a website or application adapt to screen size, input method, and context of use.
The approach emerged from the variety of web-capable devices and was named and popularized by Ethan Marcotte’s 2010 essay “Responsive Web Design.” Flexible layouts, media queries, and scalable media replaced fixed desktop pages as the guiding model.
Build one flexible system rather than isolated pages: content and priorities drive layout, fluid grids and flexible media use available space, and breakpoints mark real content changes. Test touch, keyboard, readability, performance, and orientation at real sizes.
Columns, spacing, and media adapt continuously to available width.
Rules change structure or priority where content requires it, rather than copying device categories blindly.
A robust baseline is extended for larger screens and more capable devices.
Responsive design makes the same content usable across devices and input methods and reduces separate maintenance paths. It is a content, layout, and interaction task; one mobile breakpoint or a shrunken desktop layout is insufficient.
Where this building block is located in the topic model.
Explore how this building block connects to concepts, methods, technologies, and tools.
These sources establish the term and its professional meaning.
All direct connections of the current building block in a compact text view.
This classification shows where the building block typically matters, how demanding it is, and what kind of impact it has in the model.
The level within the organization (enterprise, domain, team) at which the AssetBlock is applied.