search

mdn / interactive-examples

Home of the MDN live code editor interactive examples
Creative Commons Zero v1.0 Universal
726 stars 506 forks source link

'space-evenly' (and maybe others) in the demo looks odd given the use of grid-gap #2765

Closed spencerwilson closed 3 months ago

spencerwilson commented 3 months ago

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content

What specific section or headline is this issue about?

Try it

What information was incorrect, unhelpful, or incomplete?

space-evenly - I expected the three columns of white to be equal-width:

image

What did you expect to see?

On #example-element, replacing grid-gap: 10px with grid-row-gap: 10px looks right to my eyes:

image

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details * Folder: `en-us/web/css/justify-content` * MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content * GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/justify-content/index.md * Last commit: https://github.com/mdn/content/commit/e74f78ed12aca24b14c2b47f3a170d538b56d2fc * Document last modified: 2023-11-25T06:17:21.000Z
github-actions[bot] commented 3 months ago

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.