CSS: What is responsive design (2026)

What is responsive design

Responsive Design means using Media Query to design websites such that the CSS responds to different screen size. For example, on desktop big display, you have navbar on the side, but on cell phone tiny display, the navbar became a menu button.

• CSS: @media query

since the intro of Media Query in 2016 , there are other CSS features that responds to size, such as the following:

• CSS: Grid Layout
• CSS: Flexbox Layout
• CSS: @container query
• CSS: clamp()
• CSS: min-content, max-content
• CSS: fit-content (shrink wrap)
• CSS: min() max()