Okuzeka
Software Engineering vocabulary · Web, Mobile and Interface Development

Layout

Meaning in software engineering, with examples

/ˈleɪaʊt/nounCore term

In software engineering, layout means: The way elements are arranged on a page: where columns, menus, images and text sit and how they move when the screen size changes.

In Turkish: yerleşim, sayfa düzeni, layout

How it is used

Developers build, fix and test layouts, and say a layout 'breaks', 'shifts' or 'overflows'. The main CSS layout methods are flexbox, grid and positioning.

Example sentences

  1. The layout breaks on screens narrower than 360 pixels.

  2. We'll use a two-column layout on desktop and a single column on mobile.

Common collocations

  • page layout
  • two-column layout
  • the layout breaks
  • layout shift
  • fix the layout
  • flexboxA CSS layout method for arranging items in a single row or column and controlling how they grow, shrink, align and share space.
  • CSS gridA CSS layout system for placing elements in rows and columns at the same time, useful for full page layouts and card galleries.
  • responsive designAn approach to building pages so that the same layout adapts to any screen size, from phones and tablets to large monitors.
  • box modelThe CSS idea that every element is a rectangular box made of content, padding, border and margin, which together decide its size and spacing.

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: