Some block settings in the Greyd Plugin can be configured individually for different device sizes. This allows more control over how elements behave and appear on various screens.
When a setting supports breakpoints, a small button with a mobile device icon appears in the top-right area of the setting. Clicking this icon activates the breakpoint mode. The icon changes color to indicate that the breakpoints are now enabled.
Once enabled, a tab bar appears with four device options: Desktop, Laptop, Tablet, and Mobile, represented by respective icons. You can now switch between these views and configure the setting specifically for each breakpoint.
When selecting the Tablet or Mobile view, the editor preview updates to reflect that device size. If you select Desktop or Laptop again, the preview returns to the default larger view.
This allows you to tailor settings — such as spacing, alignment, visibility, or layout — precisely for each screen size without affecting others.