A CSS layout model for one-dimensional arrangements (row or column). Flexbox distributes space among items and handles alignment, even when sizes are dynamic. Set display: flex on the container and control children with properties like justify-content, align-items, and flex-grow.

An approach to web design that makes pages look good on all screen sizes. Responsive design uses fluid grids, flexible images, and CSS media queries to adapt layouts from mobile to desktop.