docs: give the social card's mark and name room between them - #188
Merged
Conversation
- widen the gap from 64 to 104, and say what it is measured from - the tile carries its own margin, so the building stands 60px further in again -- but the tile is a visible face against the paper and the eye takes its edge as the edge, which left the "Q" reading as stuck to it - compared 64, 84, 104 and 124 rendered: past about 130 the pair stops being one object - margins stay even, 183 against 183, since the block is centred on what it measures
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The gap between the tile and the word was 64px against a 372px tile — 0.17 of
it — and the "Q" read as stuck to the mark.
The tile carries about a sixth of its own width as internal margin, so the
building itself stands 60px further in again. But the tile is a visible face
against the paper, so the eye takes its edge as the edge, and the internal
margin does not count towards the space between them.
Rendered 64, 84, 104 and 124 side by side and picked 104. Past about 130 the
mark and the word stop reading as one object.
Validation
node scripts/check.mjs— 25 checks, passed.Margins read back out of the rendered canvas: 183 against 183 horizontally,
134 against 134 vertically. They stay even because the block is centred on what
it measures rather than anchored to a fixed inset — widening the gap moves both
sides in equally.