A space agency's home page, a news section and a language site's header now match the reference
A website rendering release: 18 changes found on real sites, each checked against the reference browser and shown below with before and after pictures.
A hero that shows its headline




A space agency's home page opened on a picture with no words: its headline, intro and button were painted underneath the hero image, the image stopped short above a black band, and the dark overlay that keeps white text readable never appeared. Four separate rules were missing: z-index on a flex item, a z-index rising out of a wrapper that paints nothing, a percentage height measured against a minimum height, and gradient stops written as lengths. Each is now measured against the reference browser and covered by a test.
News cards keep their columns and photos




Below the hero, the news section lost its third column, its round thumbnails covered their headlines, three photos never loaded and the cards ran too wide. The causes: a card's full-height wrapper got no height inside a fixed-height column, a box's narrowest size ignored its own min-width, the common box-sizing: inherit rule did nothing, and image addresses containing a comma were split in two.
A header on one line, with its icons




A programming language's home page had a header two lines too tall, no section icons and a search box broken over two lines. Eight rules were behind it, from floats sharing a line with text to which of two font rules wins, line heights on inline text, icon sizes, a space next to a hidden label, and position: relative on links. All eight now match the reference browser.
Two script errors gone
A sports site's tag manager threw on every page, because a global variable named with two leading underscores was kept apart from the window's own copy. A news site's analytics pings each threw, because requests marked no-cors were treated as ordinary cross-site requests. Both are fixed, and every test site loads with no script errors of its own.