product card that keeps package and product dimensions separate

Don Lawrence — Wed, 07 Oct 2026 11:31:52 +0000

A small product card becomes misleading when package measurements are presented as assembled dimensions. This example separates the two and preserves uncertainty instead of silently converting it into a claim.

Model the measurements explicitly

const product = {
  name: "American-Style Vintage Mailbox with Post",
  url: "https://hollisforge.com/product/american-style-vintage-mailbox-with-post/",
  supplier: "Hollis Forge",
  dimensions: {
    kind: "listed-product",
    values: [27.8, 18.5, 11],
    unit: "in",
    axesConfirmed: false,
    source: "supplier size image"
  },
  finishes: ["Red", "Blue", "Brown", "Black"],
  postalApproval: "not-verified"
};

function dimensionLabel(d) {
  if (d.values.length !== 3 || d.values.some(v => !Number.isFinite(v) || v <= 0)) {
    throw new Error("Expected three positive dimensions");
  }
  const label = d.values.join(" x ") + " " + d.unit;
  return d.axesConfirmed ? label : label + " (confirm axis order with seller)";
}

function productLink(p) {
  const url = new URL(p.url);
  if (url.protocol !== "https:") throw new Error("Expected HTTPS product URL");
  const link = document.createElement("a");
  link.textContent = p.name;
  link.href = url.href;
  return link;
}

const card = document.createElement("section");
const summary = document.createElement("p");
summary.textContent = dimensionLabel(product.dimensions);
card.append(productLink(product), summary);
document.body.append(card);

Keep unverified fields visible

The example uses supplier-listed measurements as sample data. It does not infer the assembled post height, installation depth, load rating, corrosion resistance, or postal approval. Those would be separate fields with their own evidence and dates.

Using textContent for labels means a supplier title containing markup is rendered as text. Validating HTTPS avoids accidentally accepting a script URL. In production, also restrict product-link hosts according to your application and handle errors at the UI boundary.

Test the distinctions that matter

Check that a zero or negative measurement is rejected, an unconfirmed axis order stays visible, and package weight never appears in the assembled-product field. These checks catch meaning errors that a visually correct card can still contain.

For the actual mailbox, review the linked size image and confirm dimensions and hardware with the seller. Local postal placement requirements belong in a separate checklist; a decorative appearance is not evidence of compliance.

Product reference: https://hollisforge.com/product/american-style-vintage-mailbox-with-post/

This is a technical data-model example using a product listing, not a hands-on product review or installation report.

A sizing table for garden stakes: pick length from bed depth, not from the plant

Don Lawrence — Fri, 02 Oct 2026 02:59:19 +0000

Quick answer: for a decorative metal stake, the bury depth should be about one third of the total length, and the exposed height should be roughly 1.5 times the height of the planting behind it. A 24-inch stake in heavy clay needs a different anchor than the same 24-inch stake in loose potting mix, so the material of the bed matters as much as the plant.

The rule of thumb, and why it is a third

A stake holds by friction against the soil around it. That friction scales with the buried surface area, not with the length above ground. Bury too little and the first wet, windy week levers the stake out; bury too much and you lose the visual height you paid for.

One third buried is the point where those two pressures balance for a lightweight decorative stake. A 24-inch piece buries 8 inches and shows 16. A 36-inch piece buries 12 and shows 24. That holds as long as the soil is compacted and the stake is not carrying a load, which is true for decorative stakes and false for anything holding a trellised vine.

A sizing table

Total length	Bury depth	Exposed height	Best bed	Notes
18 in	6 in	12 in	Raised bed, potting mix	Sits in front of low annuals; tips in sand unless you angle it
24 in	8 in	16 in	Border with established perennials	The safe default for most flower beds
30 in	10 in	20 in	Mixed border, heavier clay	Clay grips well but heaves in a hard freeze
36 in	12 in	24 in	Back of a deep border	Needs a lean of 5 to 10 degrees away from the viewer
48 in	16 in	32 in	Open lawn or a large bed	Treat as a small post; drive it, do not push it

Where the table breaks

Three cases ignore the one-third rule entirely.

Loose or sandy soil loses roughly half its grip, so add 3 to 4 inches to the bury depth and lean the stake away from the prevailing wind rather than straight up. Waterlogged winter soil is worse: the ground expands when it freezes, and a shallow stake gets pushed up and left leaning by March. In clay, frost heave moves a 30-inch stake about an inch a season, which is why stakes need re-seating each spring.

The second case is a stake that carries weight. Anything holding a hanging planter or a vine is a structural anchor, not a decorative one, and the bury depth should roughly double.

The third is a bed with landscape fabric. Fabric cuts the contact between soil and stake and removes most of the friction, so either cut a slit and seat the stake below the fabric or accept that it will wobble.

A five-second test before you walk away

Set the stake, then press the top with two fingers. If it moves, you are one third short. If it holds but rings like a tuning fork, it is too thin for the height you exposed and will bend in wind rather than hold. The stakes that survive a decade are the dull-sounding ones — the hydrangea garden stake is a fair reference for the gauge that works at 24 to 30 inches.

DEV Community: Don Lawrence