Responsive resize with Pistachio
Let AI intelligently resize and adapt your design layouts to any screen size and breakpoints. Pistachio automatically adjusts components, spacing, image sizes,and visual hierarchy to maintain visual balance and usability.
Prompt Examples
- •"Resize the header component to be 20% smaller, reduce the logo size and font size proportionally, resize the background image and adjust the navigation spacing"
- •"Convert this horizontal product list to a vertical layout, stack items from top to bottom with 16px spacing between them"
- •"Change the grid from 4 columns to 2 columns, reduce each card size proportionally, and maintain equal spacing between items"
- •"Resize the sidebar component to 200px width, adjust the content inside to fit the new dimensions, and maintain all internal spacing ratios"
- •"Make the button component 30% larger, increase padding proportionally, and adjust the text size to maintain visual balance"