GoCareerGo Tutorials

CSS Tutorial

Selectors, box model, Flexbox, Grid, animation and responsive design.

flex, flex-direction, flex-wrap

The core properties that turn a container into a Flexbox layout context.

.container {
  display: flex;
  flex-direction: row;   /* or column */
  flex-wrap: wrap;        /* allow items to wrap to a new line */
  gap: 1rem;
}
.item {
  flex: 1;                /* grow/shrink to fill available space */
}