← All examples

BBC: declutter the homepage grid

Adds spacing around the homepage cards so the dense grid of news becomes easier to scan.

Code to copy

/* Add breathing room to the homepage grid of stories */
[data-testid="card-text-wrapper"],
[data-testid="dundee-card"],
[data-testid="manchester-card"] {
  padding: 0.6rem !important;
}
[data-testid="promo"] { margin-bottom: 1.2rem !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.