A heading outline that survives a visual redesign
Build a useful heading hierarchy for an article, keep typography in CSS, and verify the complete outline after layouts and components are composed.
Foundation
The journal / Ideas in progress
Engineering & everyday learningNotes from
the work.
Software, systems, and the things I’m learning along the way. From first principles to AI in production.
Find something to readAll notes 7
A little theory. A lot of practice.
The CSS box model when a card will not fit
Calculate content, padding, borders and margins to diagnose an overflowing card, then distinguish box sizing from minimum sizes and transformed rectangles.
Foundation
Focus styles that survive a theme switch
Preserve the focused control across theme changes, retain a pointer fallback, and verify clipping, viewport clearance and forced-color behavior.
Foundation
Read the cascade before adding important
Trace a link color through layers, inline styles, specificity and scope with six reversible experiments before adding CSS overrides.
Foundation
Flexbox for a toolbar with one flexible child
Relax the document wrapper’s automatic flex minimum, inspect action containment, and add wrapping plus a keyboard-accessible full filename.
Foundation
Logical properties for layouts that change direction
Trace a profile through LTR and RTL, resolve physical/logical padding conflicts, and fix an inset that still uses a physical transform.
Foundation
Grid columns that fit the content
Calculate responsive Grid thresholds, distinguish empty columns from last-row cells, and test auto-fit, auto-fill and content overflow.
Foundation