Adjust spacing between Prettyblock cover columns

[CySSoO]

Summary

• add a dedicated spacing class to the Prettyblock cover row when rendering multiple columns
• define a default column gap so the cover block columns match the intended layout

Testing

• not run (not requested)

---

https://chatgpt.com/codex/tasks/task_e_68f76c74d89083229cf021c7150a2b82

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Account for flex gap in column widths

The new prettyblock-cover-row--spaced class adds a gap between cover items, but the column widths defined later in this same block (flex: 0 0 50%, 33%, etc.) use flex-shrink:0. When a gap is present, the total width of two 50% items already equals 100%, so the extra gap forces the flex container to wrap and multi-column cover blocks collapse into single-column stacks even on large screens. The row spacing needs to be compensated for (e.g. calc(50% - gap/2) or allowing shrink) before enabling a gap; otherwise every cover block configured with more than one column renders incorrectly.

Useful? React with 👍 / 👎.