Layout interview questions

Build a row of overlapping avatars that collapses the overflow into a plus-N badge.

Build the classic holy grail page layout with a header, footer, and three columns of content.

Build a static tweet component that mirrors the layout of a single post on Twitter.

Build a widget that fetches birth year data from an API and renders it as a histogram of bucketed counts.

Build a contribution-style heatmap calendar that colors each day cell by its activity value.

Implement a function that sorts positioned canvas elements into natural left-to-right, top-to-bottom reading order.

Build two panes split by a draggable divider that resizes them within min and max bounds.

Implement a hook that tracks an element's size and position, staying correct across scroll, resize, and content changes.

Implement a React hook that grows and shrinks a textarea to fit its content as the user types.

Build an accessible week-view scheduler with add/remove controls, live announcements, and spatial keyboard navigation.

Build a Gantt chart that renders tasks as bars positioned across a timeline by start and duration.

Build an image cropper with a draggable, resizable crop region over an image.