create_responsive_layout
Generate responsive layouts using Tailwind CSS and its-just-ui React components. Specify layout types and breakpoints to create grid, flexbox, container, sidebar, hero, or card-grid designs.
Instructions
Create a responsive layout using Tailwind CSS and its-just-ui components
Input Schema
Name | Required | Description | Default |
---|---|---|---|
breakpoints | No | ||
type | Yes |
Input Schema (JSON Schema)
{
"properties": {
"breakpoints": {
"properties": {
"lg": {
"type": "string"
},
"md": {
"type": "string"
},
"sm": {
"type": "string"
},
"xl": {
"type": "string"
}
},
"type": "object"
},
"type": {
"enum": [
"grid",
"flexbox",
"container",
"sidebar",
"hero",
"card-grid"
],
"type": "string"
}
},
"required": [
"type"
],
"type": "object"
}