Merge branch 'selhorn-update-width' into 'master'

Docs: Edited example so it won't wrap

See merge request gitlab-org/gitlab!37742

doc/development/documentation/structure.md

@@ -42,40 +42,48 @@ To start a new document, respect the file tree and file name guidelines,
 as well as the style guidelines. Use the following template:
 
 ```markdown
-<!--Follow the Style Guide when working on this document. https://docs.gitlab.com/ee/development/documentation/styleguide.html
-When done, remove all of this commented-out text, except a commented-out Troubleshooting section,
-which, if empty, can be left in place to encourage future use.-->
+<!--Follow the Style Guide when working on this document.
+https://docs.gitlab.com/ee/development/documentation/styleguide.html
+When done, remove all of this commented-out text, except a commented-out
+Troubleshooting section, which, if empty, can be left in place to encourage future use.-->
 ---
-description: "Short document description." # Up to ~200 chars long. They will be displayed in Google Search snippets. It may help to write the page intro first, and then reuse it here.
+description: "Short document description." # Up to ~200 chars long. They will be displayed
+in Google Search snippets. It may help to write the page intro first, and then reuse it here.
 stage: "Add the stage name here, and remove the quotation marks"
 group: "Add the group name here, and remove the quotation marks"
-info: To determine the technical writer assigned to the Stage/Group associated with this page, see https://about.gitlab.com/handbook/engineering/ux/technical-writing/#designated-technical-writers
+info: To determine the technical writer assigned to the Stage/Group associated with this page,
+see https://about.gitlab.com/handbook/engineering/ux/technical-writing/#designated-technical-writers
 ---
 
 # Feature Name or Use Case Name **[TIER]** (1)
-<!--If writing about a use case, drop the tier, and start with a verb, e.g. "Configure", "Implement", + the goal/scenario-->
+<!--If writing about a use case, drop the tier, and start with a verb,
+for example, "Configure", "Implement", + the goal/scenario-->
 
-<!--For pages on newly introduced features, add the following line. If only some aspects of the feature have been introduced, specify what parts of the feature.-->
+<!--For pages on newly-introduced features, add the following line.
+If only some aspects of the feature have been introduced, specify which parts of the feature.-->
 > [Introduced](link_to_issue_or_mr) in GitLab (Tier) X.Y (2).
 
 An introduction -- without its own additional header -- goes here.
 Offer a description of the feature or use case, and what to expect on this page.
-(You can reuse this content, or part of it, for the front matter's `description` at the top of this file).
+(You can reuse this content, or part of it, for the front matter's `description` at the top
+of this file).
 
 The introduction should answer the following questions:
 
 - What is this feature or use case?
 - Who is it for?
 - What is the context in which it is used and are there any prerequisites/requirements?
-- What can the audience do with this? (Be sure to consider all applicable audiences, like GitLab admin and developer-user.)
+- What can the audience do with this? (Be sure to consider all applicable audiences, like
+  GitLab admin and developer-user.)
 - What are the benefits to using this over any alternatives?
 
 ## Use cases
 
 Describe some use cases, typically in bulleted form. Include real-life examples for each.
 
-If the page itself is dedicated to a use case, this section can usually include more specific scenarios
-for use (e.g. variations on the main use case), but if that's not applicable, the section can be omitted.
+If the page itself is dedicated to a use case, this section can usually include more specific
+scenarios for use (for example, variations on the main use case), but if that's not applicable,
+the section can be omitted.
 
 Examples of use cases on feature pages:
 - CE and EE: [Issues](../../user/project/issues/index.md#use-cases)
@@ -88,27 +96,36 @@ Examples of use cases on feature pages:
 State any requirements for using the feature and/or following along with the instructions.
 
 These can include both:
-- technical requirements (e.g. an account on a third party service, an amount of storage space, prior configuration of another feature)
-- prerequisite knowledge (e.g. familiarity with certain GitLab features, cloud technologies)
+- technical requirements (for example, an account on a third party service, an amount of storage space,
+  prior configuration of another feature)
+- prerequisite knowledge (for example, familiarity with certain GitLab features, cloud technologies)
 
 Link each one to an appropriate place for more information.
 
 ## Instructions
 
 "Instructions" is usually not the name of the heading.
-This is the part of the document where you can include one or more sets of instructions, each to accomplish a specific task.
-Headers should describe the task the reader will achieve by following the instructions within, typically starting with a verb.
+
+This is the part of the document where you can include one or more sets of instructions,
+each to accomplish a specific task.
+
+Headers should describe the task the reader will achieve by following the instructions within,
+typically starting with a verb.
+
 Larger instruction sets may have subsections covering specific phases of the process.
-Where appropriate, provide examples of code or configuration files to better clarify intended usage.
+Where appropriate, provide examples of code or configuration files to better clarify
+intended usage.
 
 - Write a step-by-step guide, with no gaps between the steps.
-- Include example code or configurations as part of the relevant step. Use appropriate Markdown to [wrap code blocks with syntax highlighting](../../user/markdown.md#colored-code-and-syntax-highlighting).
+- Include example code or configurations as part of the relevant step.
+  Use appropriate Markdown to wrap code blocks with
+  [syntax highlighting](../../user/markdown.md#colored-code-and-syntax-highlighting).
 - Start with an h2 (`##`), break complex steps into small steps using
-subheadings h3 > h4 > h5 > h6. _Never skip a hierarchy level, such
-as h2 > h4_, as it will break the TOC and may affect the breadcrumbs.
+  subheadings h3 > h4 > h5 > h6. _Never skip a hierarchy level, such
+  as h2 > h4_, as it will break the TOC and may affect the breadcrumbs.
 - Use short and descriptive headings (up to ~50 chars). You can use one
-single heading like `## Configure X` for instructions when the feature
-is simple and the document is short.
+  single heading like `## Configure X` for instructions when the feature
+  is simple and the document is short.
 
 <!-- ## Troubleshooting
 
@@ -118,7 +135,7 @@ important to describe those, too. Think of things that may go wrong and include
 This is important to minimize requests for support, and to avoid doc comments with
 questions that you know someone might ask.
 
-Each scenario can be a third-level heading, e.g. `### Getting error message X`.
+Each scenario can be a third-level heading, for example, `### Getting error message X`.
 If you have none to add when creating a doc, leave this section in place
 but commented out to help encourage others to add to it in the future. -->
 
@@ -127,7 +144,8 @@ but commented out to help encourage others to add to it in the future. -->
 Notes:
 
 - (1): Apply the [tier badges](styleguide.md#product-badges) accordingly
-- (2): Apply the correct format for the [GitLab version introducing the feature](styleguide.md#gitlab-versions-and-tiers)
+- (2): Apply the correct format for the
+       [GitLab version that introduces the feature](styleguide.md#gitlab-versions-and-tiers)
 ```
 
 ## Help and feedback section