CSS Responsive Page Layout

A series of vocabulary flashcards based on the content from the lecture notes about responsive web design and CSS layout techniques.

CSS Flexible Box Layout (Flexbox)

A layout model that provides flexible and responsive arrangements of items in a single dimension.

Flex Container

An element that holds flex items and is defined with the display property set to flex.

Flex Item

A child element of the flex container that can be manipulated by flex properties.

justify-content

A CSS property that configures how the extra space along the main axis of a flex container should be displayed.

grid

A two-dimensional layout system that allows for designing responsive page layouts by defining rows and columns.

grid-template-columns

A CSS property that defines the number and size of columns in a grid layout.

Media Query

A CSS technique used to apply styles based on the results of a media feature test, such as screen resolution.

Viewport Meta Tag

An HTML tag that helps control the layout of a webpage on mobile browsers, specifying width and scale.

Flexible Images

Images that automatically resize according to the size of their container, utilizing CSS properties like max-width.

Mobile First Approach

A design strategy that begins with a layout for mobile devices and progressively enhances the layout for larger screens.