Live QA: Astro x WordPress Sync



We published this story to double-check the Astro front-end stays in sync with WordPress.

Fresh Layout Checks

The latest deploy introduced a refreshed in-article table of contents, an orange branded call-to-action, and a masonry layout that no longer depends on the legacy Colcade script. This pass verifies typography, spacing, and component behaviors in both light and dark themes.

Quick QA Hits

• Sticky nav offset: Anchor jumps land below the navigation.
• Share tray: Left rail stays visible until we near the footer.
• Dark theme: Brand orange remains legible on links and headings.

const hero = document.querySelector('.brandjet-article__hero');
const headings = [...document.querySelectorAll('h2, h3, h4')];
headings.forEach((heading, index) => {
  heading.dataset.debugIndex = index + 1;
});

“Let the article breathe. When typography feels spacious, the story reads faster and stats look more premium.”

— BrandJet Design System

---

Embedded Media

Full-width assets should hug the viewport edges without triggering unwanted scroll bars. The example below uses an alignfull image to confirm our padding rules.

Release Checklist

Check	Status	Notes
Masonry reorder	✅	Cards preserve explicit column hints.
Dark mode contrast	✅	Headings, links, and table rows stay readable.
Scroll-to-top guard	✅	Button lifts before overlapping the footer.

Need a bespoke callout? Drop a custom block like the one below.

Code Sample

<section class="brandjet-masonry" data-columns="3">
  <article class="brandjet-card">...
</section>

1. Skim the homepage after you publish.
2. Verify the author card swaps to Muhib’s Gravatar.
3. Share feedback in the release thread.