The parts of CSS that have a right answer rather than a taste: a clamp that actually scales, a specificity you can predict, a grid that holds when the content does not cooperate. Each article comes with the stanza to copy.
WordPress Images
Responsive Hero Images: The Focal Point Decides Everything
Your hero becomes a 3.2:1 strip on desktop and a portrait crop on phones, and object-fit: cover decides what survives. The formula behind the crop, the CSS that steers it, and a simulator that shows all four breakpoints before you publish.
Working Out the Image Size Your Theme Actually Wants
A slot measured in CSS pixels needs a file measured in image pixels, and on a Retina screen the second number is twice the first. Here is how to measure the slot, choose a ratio without losing half the photograph, and check that WordPress will actually generate the size you need.
Five swatches picked separately will fight each other. One hue plus arithmetic will not. A color palette generator that runs entirely in your browser, and the HSL and contrast maths that sit behind it.
WordPress srcset: How Core Builds It, and Where It Goes Wrong
WordPress writes the srcset attribute for you and gets it right. Then it writes the sizes attribute, which is a guess about a layout core has never seen, and that is where the bandwidth goes.
functions.php Explained: What It Is and How Not to Break Your Site With It
functions.php is a normal PHP file that ships with your WordPress theme and runs on every page load, which makes it powerful, easy to misuse, and the wrong place for anything you want to keep. Here's what it actually does, and how to edit it without taking your site down.
WordPress Child Themes: When You Need One and When You Don’t
A child theme is the right answer to one problem: overriding template files in a theme that still receives updates. For CSS tweaks and a few PHP snippets, it is overhead you maintain forever for no benefit.
