Skip to content

Daffa Pramuditya Roles: Web Developer, Freelancer, AI Engineer

Topic

CSS Layout, Overflow & Cascade

A sticky element killed by one `overflow` on body, a grid wrecked by a `display:none` item, and specificity quietly beating your 'global' component. This cluster collects real CSS bugs and how to trace them in DevTools, not cascade theory from the spec. For when your layout is 'almost right' but one pixel refuses to obey.

← All articles 36 articles

Browse by topic

Start here Jul 13, 2026 5 min read

overflow-y: auto on body Silently Kills Every position: sticky? The Body Became a Scroll Container
Oct 8, 2026 12 min read

Backgrounds Blurry on Large Screens? background-size: cover on a 3,800px Section Scaled Them 2.6x, Lossy WebP Smeared the Grain
Oct 3, 2026 11 min read

Grid 1fr Columns Not Equal Width, 272px vs 27px? 1fr Is minmax(auto, 1fr) and an Unbreakable Title Stretches It
Oct 2, 2026 7 min read

Every rem Shrank 19% After html { font-size: 13px }? 10rem Became 130px Because rem Follows the Root
Sep 24, 2026 8 min read

Image Fills Only 87% of Its Frame Once It Has a WebP? Imagify Moves the Class From <img> to <picture>
Sep 16, 2026 5 min read

Hero Video Feels Juddery? A CSS Ken Burns Scale Stacked on Footage That Already Moves
Aug 28, 2026 6 min read

Swapped the Image Files, Touched No CSS, and They Rendered Roughly Twice as Big? max-width Constrains the Canvas, Not the Subject
Aug 22, 2026 6 min read

Image Block Renders 528px Wide in a 335px Column After a Landscape Swap? min-height Makes aspect-ratio Compute Width, Not Height
Aug 21, 2026 7 min read

A 196-Frame Hero Upscale Came Out Striped and Ran on the Wrong GPU? Both of Those Were Defaults
Aug 17, 2026 6 min read

Hero Background 404s on Mobile Only? cssnano Stripped the ../ Prefix From url()
Aug 13, 2026 6 min read

Every Headless Chrome Screenshot Comes Back Dark Behind the Preloader? The Hero <video> Means load Never Fires
Aug 13, 2026 5 min read

out.webm Came Out Bigger Than in.mp4? VP9 CRF Is a Quality Target, Not a Size Target
Aug 7, 2026 7 min read

Commit Message Reduced to @'? A PowerShell Here-String Run in CMD
Aug 6, 2026 5 min read

Â· and â€¢ in Your Rendered PDF? Get-Content Read Your UTF-8 as Windows-1252
Jul 29, 2026 4 min read

CV Bullets Pile Up at the Bottom of the PDF and Fail ATS Parsing? A li::before Hack Chrome Paints in a Late Pass
Jul 27, 2026 9 min read

AI Outpaint Models Repaint the Whole Source Image? Measure the PSNR First, Then Steer It With a Blockout
Jul 22, 2026 4 min read

Headings Have Real Dimensions but Are Invisible in Every Dark Section? A Global color Rule on h1-h6 Blocks Inheritance
Jul 16, 2026 4 min read

A ~24px White Strip Above a Full-Bleed Hero in a Block Theme? It's --wp--style--block-gap
Jul 15, 2026 4 min read

max-height: 0 Accordion Still Leaks a Sliver? Padding Sneaks Through overflow: hidden
Jul 13, 2026 4 min read

Product Cards Shrink to 240px on Desktop? A display:none Grid Item Breaks Column Auto-Placement
Jul 11, 2026 6 min read

Animator's Video Only Plays in Safari? It's HEVC, and Dropping It to 30fps Creates a Second Problem
Jul 9, 2026 4 min read

SVG Icons Squished, Circles Rendering as Ellipses in Some Slots? preserveAspectRatio none Stretches Non-Uniformly
Jul 8, 2026 8 min read

ssh Hangs at the Password Prompt Even With SSH_ASKPASS Set? A Set DISPLAY Sends It Waiting on a GUI Dialog
Jul 8, 2026 4 min read

Shortcode Layout Inside display: grid Explodes on the Live Site? wpautop Injects Empty <p> Tags as Phantom Grid Items
Jul 3, 2026 4 min read

Swapped One Color --token but the Old Color Persists: Hardcoded Hex in JS Bundles & SVG
Jul 2, 2026 4 min read

Two Equal-Height Columns Without JavaScript: Grid Stretch + Flex Distribute
Jul 2, 2026 4 min read

Leaflet Map Controls Leak Above Your Sticky Header, Fix It With a Stacking Context
Jul 2, 2026 4 min read

overflow-x: hidden Kills position: sticky on iOS Safari, Switch to overflow-x: clip
Jul 1, 2026 4 min read

Gradient Text With background-clip: text Clips the Descenders (g, p, q, y), Here's the Fix
Jul 1, 2026 4 min read

A GoHighLevel Form Goes Invisible (White-on-White) After Flipping the Theme Dark↔Light
Jul 1, 2026 4 min read

Your CSS Class Toggle Won't Show the Element? The HTML hidden Attribute Is display:none
Jun 27, 2026 7 min read

Video Loop Still Hitches Even Though First and Last Frame Are Identical? The Seam Breaks at Encode, Not in the Source
Jun 23, 2026 4 min read

A Page-Scoped CSS Override Silently Beat My 'Global' Component on Specificity
Jun 23, 2026 6 min read

A 5-Second Clip Passes, the 8-Second Version of the Same Content Fails the NSFW Filter
Jun 20, 2026 3 min read

A Duplicate style= Attribute on One Element, The Browser Silently Keeps Only the First
Jun 19, 2026 4 min read

A Nested <a> Inside Another <a> Silently Collapsed My Card Grid