How to Add an Advanced Grid?

Connect to Sitekick docs

Search and read the public documentation from an MCP-compatible assistant. No account or API key is required.

Add this URL as a remote MCP server in your client. It can only read public docs.

Claude Code

claude mcp add --transport http sitekick-docs https://docs.sitekick.ai/mcp

Codex

codex mcp add sitekick-docs --url https://docs.sitekick.ai/mcp

Other clients

{
  "mcpServers": {
    "sitekick-docs": {
      "url": "https://docs.sitekick.ai/mcp",
      "type": "http"
    }
  }
}

How to Add an Advanced Grid?

Advanced grids allow you to place elements in a freestyle composition without an automatic layout. Below are the steps on how to add an Advanced Grid.

To create a responsive grid layout:

  1. In the Design Editor, add a new Flex Container.
  2. Inside it, insert columns or inner containers.
  3. Use the Advanced tab to adjust:
    • Margins and padding
    • Responsive behavior
    • Backgrounds or borders

Pro Tip: Use nested containers for more complex grid layouts.