# layout (10-layout.com)

A layout is how things are arranged in a space. People talk about the layout of a room, a garden, or a newspaper page. It means where things go so the whole makes sense to the eye.

## What a model may hear
- CSS layout engine (web development): Assume the user wants box model, flexbox, grid, or float-based positioning rules
- UI view hierarchy (mobile and desktop app development): Generate XML, SwiftUI, or Android XML view structures with constraints and bounds
- memory layout (systems programming): Discuss struct padding, alignment, or byte offsets in memory
- document typesetting (publishing and LaTeX): Produce page geometry, margins, columns, and float placement code
- keyboard layout (operating systems and input): Switch to QWERTY, Dvorak, or custom key mapping discussions

## Where people and models part ways
- Says: "Fix the layout"
  Means: Make this room look better
  May be taken as: Rewrite CSS or view code that does not exist
  Say instead: "Suggest how to arrange furniture in this room"
- Says: "I need a new layout"
  Means: Redesign my kitchen
  May be taken as: Generate app screen wireframes or web grid code
  Say instead: "Help me plan a kitchen floor plan"
- Says: "The layout is broken"
  Means: My printed page looks wrong
  May be taken as: Debug HTML/CSS rendering or fix margin collapsing
  Say instead: "This printed document has misaligned columns"
- Says: "Show me layouts"
  Means: Examples of garden designs
  May be taken as: Return code templates for flexbox or grid systems
  Say instead: "Show photos or descriptions of garden arrangements"

## Tips
- Say 'physical space' or 'printed page' to steer away from code
- Name the medium first: 'magazine layout' versus 'app screen layout'
- Add 'no code' if you want a conceptual or visual answer
- Specify dimensions or constraints when you mean room or building plans
- Use 'arrangement' or 'floor plan' if you want to avoid technical senses entirely

## Often confused with
- template: a reusable starting file, not an arrangement
- design: broader, includes color and style, not just placement
- format: structure of data or file, not spatial arrangement
- schema: abstract data structure, not visual placement
- composition: artistic assembly, less about functional positioning
- grid: one layout system, not layout itself