CodingLevel 2

Front-end code

Easynot started
Mediumnot started
Hardnot started
ContinueRead the guideView as list
StatusFormatCompany style
Easy
Heading outline faultsWrite codeWrite code12 minKeyboard focus orderWrite code · Microsoft styleMicrosoft styleWrite codeMicrosoft style14 minElement accessibility namesWrite code · Apple styleApple styleWrite codeApple style16 minRecycled table rowsWrite code · Meta styleMeta styleWrite codeMeta style15 minSection header scrollWrite code · Meta styleMeta styleWrite codeMeta style14 minVirtual column renderingWrite code · Figma styleFigma styleWrite codeFigma style15 minBatch scroll repaintsWrite code · Meta styleMeta styleWrite codeMeta style17 minModal focus trapWrite code · Figma styleFigma styleWrite codeFigma style15 minFeed scroll anchor correctionWrite code · Meta styleMeta styleWrite codeMeta style18 min
Medium
WCAG contrast ratio from hex coloursWrite code · Figma styleFigma styleWrite codeFigma style20 minVisible rows in a virtualised listWrite code · Figma styleFigma styleWrite codeFigma style25 minChoose the image a srcset loadsWrite codeWrite code20 minSpecificity of a CSS selectorWrite codeWrite code25 minUndo history that merges typingWrite codeWrite code25 minAuto-place items in a CSS gridWrite codeWrite code30 min
Hard
Fewest moves to reorder keyed childrenWrite codeWrite code35 minResolve flexible widths in a flex rowWrite codeWrite code45 minAccessible names from a simplified treeWrite codeWrite code45 minEvent loop output orderWrite codeWrite code40 minFewest forced layouts for a batch of DOM reads and writesWrite codeWrite code40 min