Giant Context
Knowledge BaseDevelopers
Join the Waitlist

Getting Started

Welcome to Giant Context

Projects

Dashboard

Project DashboardNavigating the Console

Apps

Forms

Managing Form SubmissionsEmbedding Forms on Your WebsiteForms App SettingsForms
Working with ContainersAdding Apps to Your Project

Branding

Multi-Language ContentCreating a Project

Integrations

Guides

The 12-unit grid system

Column Width Slider

Take full control of your layout's proportions. Use the slider in the settings panel to adjust column widths in precise, single-unit steps from 1 to 12.

Splitting and removing columns

Column widths can be adjusted based on the device your visitor is using. A three-column layout that looks great on a desktop might be unreadable on a phone. To solve this, the builder features three device modes: Desktop, Tablet, and Mobile.

Here are the most popular column configurations and when to use them:

Tips for effective column layouts

Common Questions

On smaller screens, side-by-side columns can become too narrow. Switch to the mobile preview and set the column width to 12 units so it stacks vertically.

If one column has a short paragraph and the adjacent one has a tall image, select the column and set its Vertical Alignment to 'Center' so the text lines up with the middle of the image.

Every section requires at least one column to hold content. You can only remove a column if the section has more than one.


Built byHuman
This content was designed and written by a human.
    Socials
    • Discord
    • BlueSky

    © 2026 Giant Context
    PrivacyTerms of UseCookie Policy