Okuzeka
Software Engineering vocabulary · Web, Mobile and Interface Development

Grid

Meaning in software engineering, with examples

/ɡrɪd/nounCore term

In software engineering, grid means: A set of invisible columns, rows and gaps that designers use to place and align elements consistently across a page or screen.

In Turkish: ızgara, grid, kılavuz ızgara

How it is used

A common web setup is a 12-column grid on desktop and a 4-column grid on mobile. Designers talk about columns, gutters, margins and 'breaking the grid'. Many teams also use an 8-point spacing grid.

Example sentences

  1. The image doesn't sit on the grid, so the whole page looks slightly off.

  2. We use a 12-column grid with 24-pixel gutters.

Common collocations

  • 12-column grid
  • layout grid
  • align to the grid
  • break the grid
  • layoutThe way elements are arranged on a page: where columns, menus, images and text sit and how they move when the screen size changes.
  • alignmentMaking an AI system's behavior match human intentions and values, so that it is helpful and honest and avoids causing harm. Also the research field that studies this.
  • spacingThe amount of space between and inside elements, such as the gap between cards or the padding inside a button, chosen to create rhythm and grouping.
  • responsive designAn approach to building pages so that the same layout adapts to any screen size, from phones and tablets to large monitors.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Web, Mobile and Interface Development

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: