Okuzeka
Web Development vocabulary · CSS and Layout

Flexbox

Meaning in web development, with examples

/ˈfleksbɑːks/nounCore term

In web development, flexbox means: A CSS layout method for arranging items in a single row or column and controlling how they grow, shrink, align and share space.

In Turkish: flexbox, esnek kutu düzeni

How it is used

Turned on with display: flex. The official name is the Flexible Box Layout Module, but everyone says flexbox. Common properties are justify-content, align-items, gap and flex-wrap.

Example sentences

  1. Use flexbox to center the icon and the text inside the button.

  2. The cards wrap onto a new line because the flexbox container has flex-wrap set.

Common collocations

  • use flexbox
  • flexbox layout
  • flex container
  • flex item
  • CSS gridA CSS layout system for placing elements in rows and columns at the same time, useful for full page layouts and card galleries.
  • layoutThe way elements are arranged on a page: where columns, menus, images and text sit and how they move when the screen size changes.
  • CSSCascading Style Sheets: the language that controls how HTML looks, including colors, fonts, spacing, layout and animations.
  • 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: CSS and Layout

Practise with graded reading

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