Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: improvments on gutters #33751

Merged
merged 4 commits into from
May 27, 2024
Merged

feat: improvments on gutters #33751

merged 4 commits into from
May 27, 2024

Conversation

PassionPenguin
Copy link
Contributor

Description

Modifications

  • links reordered in see-also section
  • redundant content mixined

Additions

  • added a link to glossary/tracks

Motivation

see conversations

@PassionPenguin PassionPenguin requested a review from a team as a code owner May 25, 2024 13:54
@PassionPenguin PassionPenguin requested review from chrisdavidmills and removed request for a team May 25, 2024 13:54
@github-actions github-actions bot added Content:Glossary Glossary entries size/s [PR only] 6-50 LoC changed labels May 25, 2024
Copy link
Contributor

github-actions bot commented May 25, 2024

Preview URLs

External URLs (1)

URL: /en-US/docs/Glossary/Gutters
Title: Gutters

(comment last updated: 2024-05-27 09:31:43)


## Example

In the example below we have a three-column and two-row track grid, with 20-pixel gaps between column tracks and `20px`-gaps between row tracks.
In the example below we have a three-column and two-row track grid, with `20px` gaps between both column tracks and row tracks.
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment on lines 63 to 70
### Property reference
- [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)
- Property reference

- {{cssxref("column-gap")}}
- {{cssxref("row-gap")}}
- {{cssxref("gap")}}

- {{cssxref("column-gap")}}
- {{cssxref("row-gap")}}
- {{cssxref("gap")}}

### Further reading

- CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
- [Definition of gutters in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#gutters)
- [Definition of gutters](https://drafts.csswg.org/css-grid/#gutters) in the CSS Grid Layout specification
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. link reordered:

we have many glossary with great number of xxxxx guide and its subguides. considering that new guides may be added to this kind of section(i.e. grid layout guide here), maybe we can just have a higher-level link for reader's references

  1. moving link name outside

to be consistent with other links, e.g. [xxx] on Wikipedia, [] on IETF...

chrisdavidmills and others added 2 commits May 27, 2024 10:25
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These changes look great; thank you for the continued improvements to the MDN content, @PassionPenguin!

@chrisdavidmills chrisdavidmills merged commit c777679 into mdn:main May 27, 2024
8 checks passed
@PassionPenguin PassionPenguin deleted the patch-3 branch May 27, 2024 09:36
@pransh15
Copy link

Thanks for the improvements, @PassionPenguin! 🙌

wbamberg added a commit to wbamberg/content that referenced this pull request May 28, 2024
* upstream/main: (55 commits)
  Replace `.` with `#` in example given selectors are `#ids` (mdn#33791)
  update info in cross browser testing strategies (mdn#33730)
  Clarify that `navigator.storage.persist()` depends on heuristics (mdn#33780)
  fix typo (mdn#33785)
  feat: improvements on Glossary/Hoisting (mdn#33787)
  CSS update: overview of shapes guide (mdn#33771)
  CSS update: Shapes from box values (mdn#33770)
  Fix issue 033506: correct droppedEntriesCount (mdn#33538)
  Revert "=== Symbol("foo")" (mdn#33782)
  docs(css): FF126 - Support for `shape()` function (mdn#33446)
  Bump lint-staged from 15.2.4 to 15.2.5 (mdn#33777)
  Bump ajv from 8.13.0 to 8.14.0 (mdn#33776)
  Add missing spaces for `subtlecrypto` (mdn#33774)
  fix: typo in `color_and_luminca` (mdn#33775)
  feat: improvments on gutters (mdn#33751)
  FF127Relnote- data: and javascript: URLS forbidden in base HREF (mdn#33738)
  update the content of SVG `<view>` element (mdn#33710)
  Clipboard.write() - log and fixes (mdn#33769)
  updated ClipboardItem and Clipboard documentation and examples using … (mdn#33262)
  Fix error in the code snippet for Symbol (mdn#33765)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:Glossary Glossary entries size/s [PR only] 6-50 LoC changed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants