# CSS glossary: Journeyman level

65 CSS terms at the Journeyman level, each with a short definition and a link to its full page.

Updated: September 27, 2026

[Study these as flash cards](https://www.ask-codey.com/decks/css/journeyman)

- [Align content](https://www.ask-codey.com/glossary/align-content): Spaces out the rows of wrapped items.
- [Align items](https://www.ask-codey.com/glossary/align-items): Lines items up along the cross axis, like centered.
- [Align self](https://www.ask-codey.com/glossary/align-self): Lets one item align differently from the others.
- [Animation fill mode](https://www.ask-codey.com/glossary/animation-fill-mode): Decides what an element looks like before and after an animation.
- [Animation iteration count](https://www.ask-codey.com/glossary/animation-iteration-count): Sets how many times an animation plays.
- [Animation name](https://www.ask-codey.com/glossary/animation-name): Picks which @keyframes animation to play.
- [Auto-fill](https://www.ask-codey.com/glossary/auto-fill): Fits as many grid columns as there is room for, keeping empty ones.
- [Auto-fit](https://www.ask-codey.com/glossary/auto-fit): Fits as many columns as fit, stretching items to fill the row.
- [Breakpoint](https://www.ask-codey.com/glossary/breakpoint): A screen width where the layout changes.
- [Cross axis](https://www.ask-codey.com/glossary/cross-axis): The direction across the main axis; align-items works along it.
- [CSS Grid](https://www.ask-codey.com/glossary/css-grid): A layout system for rows and columns together.
- [Explicit grid](https://www.ask-codey.com/glossary/explicit-grid): The rows and columns you define yourself.
- [Flex basis](https://www.ask-codey.com/glossary/flex-basis): A flex item's starting size before growing or shrinking.
- [Flex container](https://www.ask-codey.com/glossary/flex-container): An element with display: flex; its children follow Flexbox.
- [Flex direction](https://www.ask-codey.com/glossary/flex-direction): Sets whether flex items run in a row or a column.
- [Flex flow](https://www.ask-codey.com/glossary/flex-flow): Sets flex-direction and flex-wrap together.
- [Flex grow](https://www.ask-codey.com/glossary/flex-grow): How much leftover space a flex item takes.
- [Flex item](https://www.ask-codey.com/glossary/flex-item): A direct child of a flex container.
- [Flex shorthand](https://www.ask-codey.com/glossary/flex-shorthand): Sets grow, shrink and basis at once, like flex: 1.
- [Flex shrink](https://www.ask-codey.com/glossary/flex-shrink): How much a flex item shrinks when space is short.
- [Flex wrap](https://www.ask-codey.com/glossary/flex-wrap): Lets flex items wrap onto new lines instead of squashing.
- [Flexbox](https://www.ask-codey.com/glossary/flexbox): A layout system for lining items up in a row or column.
- [Fraction unit](https://www.ask-codey.com/glossary/fraction-unit): fr: a share of the leftover space in a grid.
- [Gap](https://www.ask-codey.com/glossary/gap): Sets the space between flex or grid items.
- [Grid area](https://www.ask-codey.com/glossary/grid-area): A rectangle of grid cells, often named.
- [Grid auto flow](https://www.ask-codey.com/glossary/grid-auto-flow): Decides how unplaced items fill the grid.
- [Grid cell](https://www.ask-codey.com/glossary/grid-cell): One square where a row and column cross.
- [Grid container](https://www.ask-codey.com/glossary/grid-container): An element with display: grid.
- [Grid item](https://www.ask-codey.com/glossary/grid-item): A direct child of a grid container.
- [Grid line](https://www.ask-codey.com/glossary/grid-line): A numbered dividing line between grid tracks.
- [Grid placement](https://www.ask-codey.com/glossary/grid-placement): Putting an item in chosen rows and columns.
- [Grid span](https://www.ask-codey.com/glossary/grid-span): Makes an item stretch across a number of tracks.
- [Grid template areas](https://www.ask-codey.com/glossary/grid-template-areas): Draws a grid layout with named areas, row by row.
- [Grid template columns](https://www.ask-codey.com/glossary/grid-template-columns): Sets a grid's columns and their widths.
- [Grid template rows](https://www.ask-codey.com/glossary/grid-template-rows): Sets a grid's rows and their heights.
- [Grid track](https://www.ask-codey.com/glossary/grid-track): One full row or column of a grid.
- [Implicit grid](https://www.ask-codey.com/glossary/implicit-grid): Extra tracks the browser adds for items that don't fit.
- [Justify content](https://www.ask-codey.com/glossary/justify-content): Spreads items along the main axis: start, center, space-between.
- [Keyframe animation](https://www.ask-codey.com/glossary/keyframe-animation): An animation described in steps with @keyframes.
- [Main axis](https://www.ask-codey.com/glossary/main-axis): The direction flex items flow in; justify-content works along it.
- [Media feature](https://www.ask-codey.com/glossary/media-feature): The condition inside a media query, like min-width.
- [Media query](https://www.ask-codey.com/glossary/media-query): Applies CSS only when a condition is true, like a minimum screen width.
- [minmax()](https://www.ask-codey.com/glossary/minmax): Gives a grid track a minimum and maximum size.
- [Mobile-first design](https://www.ask-codey.com/glossary/mobile-first-design): Phone layout first, then media queries for bigger screens.
- [Order](https://www.ask-codey.com/glossary/order): Changes the visual order of items without changing the HTML.
- [Orientation query](https://www.ask-codey.com/glossary/orientation-query): Checks whether the screen is portrait or landscape.
- [Place content](https://www.ask-codey.com/glossary/place-content): Sets align-content and justify-content together.
- [Place items](https://www.ask-codey.com/glossary/place-items): Sets align-items and justify-items together.
- [Place self](https://www.ask-codey.com/glossary/place-self): Sets align-self and justify-self together for one item.
- [prefers-color-scheme](https://www.ask-codey.com/glossary/prefers-color-scheme): Checks whether the user prefers a light or dark theme.
- [prefers-reduced-motion](https://www.ask-codey.com/glossary/prefers-reduced-motion): Checks whether the user asked for less animation.
- [repeat()](https://www.ask-codey.com/glossary/repeat): Repeats a track size, like repeat(4, 1fr).
- [Resolution query](https://www.ask-codey.com/glossary/resolution-query): Checks how sharp the screen is, for high-density images.
- [Responsive design](https://www.ask-codey.com/glossary/responsive-design): One page that adapts its layout to any screen size.
- [Rotate](https://www.ask-codey.com/glossary/rotate): Turns an element around a point.
- [Scale](https://www.ask-codey.com/glossary/scale): Makes an element look bigger or smaller.
- [style attribute](https://www.ask-codey.com/glossary/style-attribute): A global attribute containing CSS declarations applied directly to one element.
- [Stylesheet link](https://www.ask-codey.com/glossary/stylesheet-link): A link element that loads an external CSS stylesheet.
- [Timing function](https://www.ask-codey.com/glossary/timing-function): The speed curve of a transition, like ease-in-out.
- [Transform](https://www.ask-codey.com/glossary/transform): Moves, rotates or scales an element without affecting layout.
- [Transform origin](https://www.ask-codey.com/glossary/transform-origin): Sets the point an element rotates or scales around.
- [Transition](https://www.ask-codey.com/glossary/transition): Makes a property change smoothly instead of jumping.
- [Transition duration](https://www.ask-codey.com/glossary/transition-duration): Sets how long a transition takes.
- [Transition property](https://www.ask-codey.com/glossary/transition-property): Says which properties animate when they change.
- [Translate](https://www.ask-codey.com/glossary/translate-css): Slides an element from where it sits.

- Previous level: [Apprentice](https://www.ask-codey.com/glossary/subjects/css/apprentice)
- Next level: [Freelancer](https://www.ask-codey.com/glossary/subjects/css/freelancer)

[Every CSS term, by level](https://www.ask-codey.com/glossary/subjects/css)

Source: https://www.ask-codey.com/glossary/subjects/css/journeyman