Frontend CSS Flexbox Layout Task

A frontend-labelled IBM OA includes one standard coding problem plus a CSS task. HTML is provided, and the task is to write CSS selectors/classes to arrange elements, often flexbox-style. Requirements HTML markup is provided by the assessment. Implement CSS using the classes in the provided HTML. Arrange elements into the target layout; flexbox-style positioning is the central skill. The task is paired with a simple algorithm problem in the same assessment. Notes This can appear on Research AI Engineer or AI SDE intern applications even when the job is not explicitly frontend-heavy. Practise basic flexbox alignment: display: flex, direction, wrapping, justify-content, align-items, gap, and ordering. The exact visual target varies by prompt, so this remains a format card rather than a full reproducible coding prompt. Preparation Rebuild three small layouts from scratch: horizontal nav, wrapped card row, and centered form; restrict yourself to class selectors matching provided markup. Memorise the axis distinction: justify-content distributes along the main axis, align-items aligns on the cross axis, and flex-direction can swap which physical direction those mean.