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.

Sign up for GitHub

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

Jump to bottom

CSS display module / move "flow" guides under display #38091

Merged
merged 14 commits into from
Feb 12, 2025
Merged

CSS display module / move "flow" guides under display #38091

merged 14 commits into from
Feb 12, 2025
+289 −259

Conversation

estelle
Copy link
Member

@estelle estelle commented Feb 10, 2025 •
edited
Loading

update to the CSS display module.
move the CSS_flow_layout pages to be under display, as flow layout is not a module, but all the content from those guides is part of css2.1 and the display spec

The main components of this PR are:

  1. Move files under the /CSS_flow_layout directory to be in the /CSS_display directory.
  2. Update the CSS display module landing page
  3. Update all the links caused by this change.

I did remove some content from the flow_layout main page, as it is not a module page, but while I added a couple of links and changed a couple of cases, this PR is NOT an update to any of the individual guides. That , including links, casing, and a refresh, will be in a future PR.

@estelle estelle requested review from a team as code owners February 10, 2025 23:03
@estelle estelle requested review from chrisdavidmills and removed request for a team February 10, 2025 23:03
@github-actions github-actions bot added Content:CSS Cascading Style Sheets docs Content:Learn Learning area docs Content:Glossary Glossary entries size/m [PR only] 51-500 LoC changed labels Feb 10, 2025
@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Feb 10, 2025 •
edited
Loading

Preview URLs (67 pages)
Flaws (222)

Note! 22 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Learn_web_development/Core/Styling_basics/Handling_different_text_directions
Title: Handling different text directions
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/HTML/Element/heading_elements is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/HTML/Element/heading_elements which is a redirect

URL: /en-US/docs/Glossary/Inset_properties
Title: Inset properties
Flaw count: 4

  • broken_links:
    • /en-US/docs/Glossary/logical_properties is ill cased
    • /en-US/docs/Glossary/scroll_container is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/logical_properties which is a redirect
    • Macro produces link /en-US/docs/Glossary/scroll_container which is a redirect

URL: /en-US/docs/Web/HTML/Viewport_meta_tag
Title: Viewport meta tag
Flaw count: 12

  • broken_links:
    • /en-US/docs/Glossary/viewport is ill cased
    • /en-US/docs/Glossary/visual_viewport is ill cased
    • /en-US/docs/Glossary/viewport is ill cased
    • /en-US/docs/Glossary/viewport is ill cased
    • /en-US/docs/Glossary/visual_viewport is ill cased
    • and 1 more flaws omitted
  • macros:
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect
    • Macro produces link /en-US/docs/Glossary/visual_viewport which is a redirect
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect
    • Macro produces link /en-US/docs/Glossary/visual_viewport which is a redirect
    • and 1 more flaws omitted

URL: /en-US/docs/Web/CSS/max-height
Title: max-height
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/intrinsic-size-keyword
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding-block-start
Title: padding-block-start
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values
Title: Basic concepts of logical properties and values
Flaw count: 6

  • broken_links:
    • /en-US/docs/Glossary/physical_properties is ill cased
    • /en-US/docs/Glossary/flow_relative_values is ill cased
    • /en-US/docs/Glossary/physical_properties is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/physical_properties which is a redirect
    • Macro produces link /en-US/docs/Glossary/flow_relative_values which is a redirect
    • Macro produces link /en-US/docs/Glossary/physical_properties which is a redirect

URL: /en-US/docs/Web/CSS/padding-inline-end
Title: padding-inline-end
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/position-area
Title: position-area
Flaw count: 6

  • broken_links:
    • /en-US/docs/Glossary/inset_properties is ill cased
    • /en-US/docs/Glossary/inset_properties is ill cased
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/inset_properties which is a redirect
    • Macro produces link /en-US/docs/Glossary/inset_properties which is a redirect
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/anchor-name
Title: anchor-name
Flaw count: 4

  • broken_links:
    • /en-US/docs/Glossary/inset_properties is ill cased
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/inset_properties which is a redirect
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding-block-end
Title: padding-block-end
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/margin-left
Title: margin-left
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/Reference
Title: CSS reference
Flaw count: 56

  • macros:
    • Macro produces link /en-US/docs/Web/CSS/-webkit-line-clamp which is a redirect
    • Can't resolve /en-US/docs/Web/CSS/:active-view-transition
    • Can't resolve /en-US/docs/Web/CSS/:active-view-transition-type()
    • Can't resolve /en-US/docs/Web/CSS/an-plus-b
    • Can't resolve /en-US/docs/Web/CSS/anchor-scope
    • and 51 more flaws omitted

URL: /en-US/docs/Web/CSS/position
Title: position
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/CSS_flexible_box_layout
Title: CSS flexible box layout
Flaw count: 10

  • broken_links:
    • /en-US/docs/Glossary/Flex_container is ill cased
    • /en-US/docs/Glossary/Flex_item is ill cased
    • /en-US/docs/Glossary/Main_axis is ill cased
    • /en-US/docs/Glossary/Cross_axis is ill cased
    • /en-US/docs/Glossary/intrinsic_size is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/Flex_container which is a redirect
    • Macro produces link /en-US/docs/Glossary/Flex_item which is a redirect
    • Macro produces link /en-US/docs/Glossary/Main_axis which is a redirect
    • Macro produces link /en-US/docs/Glossary/Cross_axis which is a redirect
    • Macro produces link /en-US/docs/Glossary/intrinsic_size which is a redirect

URL: /en-US/docs/Web/CSS/Layout_mode
Title: Layout mode
Flaw count: 1

  • broken_links:
    • /en-US/docs/Web/CSS/CSS_display/flow_layout is ill cased

URL: /en-US/docs/Web/CSS/min-width
Title: min-width
Flaw count: 5

  • broken_links:
    • /en-US/docs/Glossary/scroll_container is ill cased
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/intrinsic-size-keyword
  • macros:
    • Macro produces link /en-US/docs/Glossary/scroll_container which is a redirect
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/CSS_syntax/Error_handling
Title: CSS error handling
Flaw count: 14

  • broken_links:
    • /en-US/docs/Glossary/parser is ill cased
    • /en-US/docs/Glossary/parser is ill cased
    • /en-US/docs/Glossary/parse is ill cased
    • /en-US/docs/Web/CSS/at-rule is ill cased
    • /en-US/docs/Web/CSS/class_selectors is ill cased
    • and 2 more flaws omitted
  • macros:
    • Macro produces link /en-US/docs/Glossary/parser which is a redirect
    • Macro produces link /en-US/docs/Glossary/parser which is a redirect
    • Macro produces link /en-US/docs/Glossary/parse which is a redirect
    • Macro produces link /en-US/docs/Web/CSS/at-rule which is a redirect
    • Macro produces link /en-US/docs/Web/CSS/class_selectors which is a redirect
    • and 2 more flaws omitted

URL: /en-US/docs/Web/CSS/display
Title: display
Flaw count: 5

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • /en-US/docs/Web/CSS/CSS_display/flow_layout is ill cased
    • /en-US/docs/Web/CSS/CSS_display/flow_layout is ill cased
    • /en-US/docs/Web/CSS/CSS_display/flow_layout is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/width
Title: width
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/intrinsic-size-keyword
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/offset-path
Title: offset-path
Flaw count: 5

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/url-modifier
    • Can't resolve /en-US/docs/Web/CSS/url-token
    • Can't resolve /en-US/docs/Web/CSS/url-modifier
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding-right
Title: padding-right
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding
Title: padding
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/CSS_display
Title: CSS display
Flaw count: 2

  • broken_links:
    • /en-US/docs/Glossary/block/css is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/block/css which is a redirect

URL: /en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts
Title: Introduction to formatting contexts
Flaw count: 4

  • broken_links:
    • /en-US/docs/Glossary/flex_item is ill cased
    • /en-US/docs/Glossary/flex_item is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/flex_item which is a redirect
    • Macro produces link /en-US/docs/Glossary/flex_item which is a redirect

URL: /en-US/docs/Web/CSS/CSS_display/Containing_block
Title: Layout and the containing block
Flaw count: 4

  • broken_links:
    • /en-US/docs/Glossary/viewport is ill cased
    • /en-US/docs/Glossary/Intrinsic_size is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect
    • Macro produces link /en-US/docs/Glossary/Intrinsic_size which is a redirect

URL: /en-US/docs/Web/CSS/margin
Title: margin
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/max-width
Title: max-width
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/intrinsic-size-keyword
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment
Title: Using CSS containment
Flaw count: 4

  • broken_links:
    • /en-US/docs/Glossary/top_layer is ill cased
    • /en-US/docs/Web/API/element/contentvisibilityautostatechange_event is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/top_layer which is a redirect
    • Macro produces link /en-US/docs/Web/API/element/contentvisibilityautostatechange_event which is a redirect

URL: /en-US/docs/Web/CSS/padding-inline-start
Title: padding-inline-start
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding-bottom
Title: padding-bottom
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/transform
Title: transform
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/CSS_anchor_positioning/Using
Title: Using CSS anchor positioning
Flaw count: 2

  • broken_links:
    • /en-US/docs/Glossary/inset_properties is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/inset_properties which is a redirect

URL: /en-US/docs/Web/CSS/margin-right
Title: margin-right
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/height
Title: height
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/intrinsic-size-keyword
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/contain
Title: contain
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/margin-top
Title: margin-top
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding-inline
Title: padding-inline
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/length
Title: <length>
Flaw count: 14

  • broken_links:
    • /en-US/docs/Glossary/viewport is ill cased
    • /en-US/docs/Glossary/advance_measure is ill cased
    • /en-US/docs/Glossary/advance_measure is ill cased
    • /en-US/docs/Glossary/advance_measure is ill cased
    • /en-US/docs/Glossary/viewport is ill cased
    • and 2 more flaws omitted
  • macros:
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect
    • Macro produces link /en-US/docs/Glossary/advance_measure which is a redirect
    • Macro produces link /en-US/docs/Glossary/advance_measure which is a redirect
    • Macro produces link /en-US/docs/Glossary/advance_measure which is a redirect
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect
    • and 2 more flaws omitted

URL: /en-US/docs/Web/CSS/align-content
Title: align-content
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/padding-left
Title: padding-left
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/Visual_formatting_model
Title: Visual formatting model
Flaw count: 5

  • broken_links:
    • /en-US/docs/Glossary/continuous_media is ill cased
    • /en-US/docs/Glossary/viewport is ill cased
    • /en-US/docs/Web/CSS/CSS_display/flow_layout is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/continuous_media which is a redirect
    • Macro produces link /en-US/docs/Glossary/viewport which is a redirect

URL: /en-US/docs/Web/CSS/margin-bottom
Title: margin-bottom
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/anchor
Title: anchor()
Flaw count: 4

  • broken_links:
    • /en-US/docs/Glossary/inset_properties is ill cased
    • /en-US/docs/Glossary/inset_properties is ill cased
  • macros:
    • Macro produces link /en-US/docs/Glossary/inset_properties which is a redirect
    • Macro produces link /en-US/docs/Glossary/inset_properties which is a redirect

URL: /en-US/docs/Web/CSS/padding-top
Title: padding-top
Flaw count: 2

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect

URL: /en-US/docs/Web/CSS/min-height
Title: min-height
Flaw count: 3

  • broken_links:
    • /en-US/docs/Web/CSS/inheritance is ill cased
    • Can't resolve /en-US/docs/Web/CSS/intrinsic-size-keyword
  • macros:
    • Macro produces link /en-US/docs/Web/CSS/inheritance which is a redirect
External URLs (1)

URL: /en-US/docs/Web/CSS/position
Title: position

(comment last updated: 2025-02-12 07:47:28)

@github-actions github-actions bot added the merge conflicts 🚧 [PR only] label Feb 11, 2025
@github-actions GitHub Actions
Copy link
Contributor

This pull request has merge conflicts that must be resolved before it can be merged.

chrisdavidmills
chrisdavidmills requested changes Feb 11, 2025
View reviewed changes
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.

@estelle a few bits for you, but nothing major. This move makes sense.

One thing — the guides you moved under CSS_display that were under CSS_flow_layout are still showing in the sidebar under a "Flow layout" tree (Flow layout and writing modes, for example). Are you intending to update the sidebar?

files/en-us/web/css/css_display/block_and_inline_layout_in_normal_flow/index.md Outdated Show resolved Hide resolved
files/en-us/web/css/css_display/block_formatting_context/index.md Outdated Show resolved Hide resolved
files/en-us/web/css/css_display/in_flow_and_out_of_flow/index.md Outdated Show resolved Hide resolved
files/en-us/web/css/css_display/in_flow_and_out_of_flow/index.md Outdated
@@ -212,7 +212,7 @@ When you do anything to remove or shift an item from where it would be placed in

## Summary

In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts).
In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Formatting contexts explained](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts).
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Formatting contexts explained](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts).
In this guide, we have explained how to take an element out of flow to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Introduction to formatting contexts](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts).

Copy link
Contributor

Choose a reason for hiding this comment

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

This one wasn't committed; is there a reason for using the wrong article title in the link text?

files/en-us/web/css/display-outside/index.md Outdated Show resolved Hide resolved
files/en-us/web/css/display/index.md Outdated Show resolved Hide resolved
@github-actions github-actions bot removed the merge conflicts 🚧 [PR only] label Feb 12, 2025
@estelle estelle requested a review from a team as a code owner February 12, 2025 06:20
@estelle
Copy link
Member Author

estelle commented Feb 12, 2025 •
edited
Loading

the guides you moved under CSS_display that were under CSS_flow_layout are still showing in the sidebar under a "Flow layout" tree

I updated the sidebar, and realized the display guide was not under css_display, so moved that too.
and the containing block "guide" (should be a glossary term, but that is a different PR at a future date)

other than the above moves, and merging your suggestions, no text edits were made

@estelle estelle requested a review from a team as a code owner February 12, 2025 07:45
@estelle estelle requested a review from a team as a code owner February 12, 2025 07:45
@estelle estelle requested review from sideshowbarker and removed request for a team February 12, 2025 07:45
@github-actions github-actions bot added Content:HTML Hypertext Markup Language docs Content:WebAPI Web API docs labels Feb 12, 2025
chrisdavidmills
chrisdavidmills approved these changes Feb 12, 2025
View reviewed changes
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.

Nice work, @estelle. Just a couple of comments to check on one naming point, but I don't think this is a blocker. I don't think this is a blocker, so approving.

files/en-us/web/css/css_display/flow_layout/index.md
- {{Glossary("Block/CSS", "Block (CSS)")}}
- [Block and inline layout in normal flow](/en-US/docs/Web/CSS/CSS_display/Block_and_inline_layout_in_normal_flow)
- [In flow and out of flow](/en-US/docs/Web/CSS/CSS_display/In_flow_and_out_of_flow)
- [Formatting contexts explained](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts)
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
- [Formatting contexts explained](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts)
- [Introduction to formatting contexts explained](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts)

Copy link
Contributor

Choose a reason for hiding this comment

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

Find and replace, if you agree?

files/en-us/web/css/css_display/in_flow_and_out_of_flow/index.md Outdated
@@ -212,7 +212,7 @@ When you do anything to remove or shift an item from where it would be placed in

## Summary

In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts).
In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Formatting contexts explained](/en-US/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts).
Copy link
Contributor

Choose a reason for hiding this comment

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

This one wasn't committed; is there a reason for using the wrong article title in the link text?

@estelle estelle merged commit b8f4535 into main Feb 12, 2025
13 checks passed
@estelle estelle deleted the flow1 branch February 12, 2025 20:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@chrisdavidmills chrisdavidmills chrisdavidmills approved these changes

@sideshowbarker sideshowbarker Awaiting requested review from sideshowbarker sideshowbarker is a code owner automatically assigned from mdn/yari-content-web-api

Assignees
No one assigned
Labels
Content:CSS Cascading Style Sheets docs Content:Glossary Glossary entries Content:HTML Hypertext Markup Language docs Content:Learn Learning area docs Content:WebAPI Web API docs size/m [PR only] 51-500 LoC changed
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@estelle @chrisdavidmills