Communityv1.0.0

Responsive Design

Implement responsive layouts using container queries, fluid typography, CSS Grid, mobile-first breakpoints, responsive images, and adaptive navigation.

2.3kdownloads19active installswpank
View on ClawHubBack to Skills

Skill Details

Slug
responsive-design
Latest Version
1.0.0
Author
wpank
Published
Feb 10, 2026
Updated
May 11, 2026
Total Versions
1

How to Install

  1. 1 on OpenClawdBots (takes under 60 seconds).
  2. 2Open your bot dashboard and go to the Skills tab.
  3. 3Switch to the ClawHub tab and search for “Responsive Design”.
  4. 4Click Install and the skill is deployed to your bot automatically.

Changelog — v1.0.0

Initial release: Modern, comprehensive responsive design techniques in CSS and React. - Includes patterns for container queries, fluid typography, CSS Grid/Flexbox, and mobile-first breakpoints. - Provides fluid spacing and typography scales using clamp(). - Features responsive images (art direction with <picture> and srcset) and navigation components. - Demonstrates responsive grids and tables, with Tailwind CSS-ready code samples. - Guides on common adaptive design scenarios for React and CSS.