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

Fixes to subnav #3165

Merged
merged 3 commits into from
Mar 16, 2021
Merged

Fixes to subnav #3165

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0ffca25
Fixes to subnav
hamishwillee Mar 15, 2021
3d63d70
Remove remaining subnavs
hamishwillee Mar 16, 2021
b09205c
Replace all /css section quicklinks with sidebar macro
hamishwillee Mar 16, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions files/en-us/glossary/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,8 @@
<p class="summary" style="padding-top: 0; border-top-width: 0;"><span class="seoSummary">Web technologies contain long lists of jargon and abbreviations that are used in documentation and coding. This glossary provides definitions of words and abbreviations you need to know to successfully understand and build for the web.</span></p>

<div class="notecard note">
<p><strong>Note</strong>: If you'd prefer a web development glossary in book form, check out <a href="https://meiert.com/en/blog/the-web-development-glossary/"><em>The Web Development Glossary</em> (EPUB, MOBI, PDF)</a>. It’s a third-party glossary that includes the entries found here, and also adds a wide range of additional entries.</p>
<h4>Note</h4>
<p>If you'd prefer a web development glossary in book form, check out <a href="https://meiert.com/en/blog/the-web-development-glossary/"><em>The Web Development Glossary</em> (EPUB, MOBI, PDF)</a>. It’s a third-party glossary that includes the entries found here, and also adds a wide range of additional entries.</p>
</div>

<h2 id="Glossary_of_Terms">Glossary of Terms</h2>
Expand All @@ -36,12 +37,11 @@ <h2 id="See_also">See also</h2>
<li><a href="/en-US/docs/MDN/Community">Join the MDN community</a></li>
</ul>

<div class="hidden">
<h2 id="Subnav">Subnav</h2>

<section id="Quick_links">
<!-- section is rendered in sidebar -->
<ol>
<li><strong><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a></strong>{{ListSubpagesForSidebar("/en-us/docs/Glossary", 1)}}</li>
</ol>
</section>
</div>

13 changes: 4 additions & 9 deletions files/en-us/mdn/at_ten/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,6 @@
---
<p class="summary">Celebrate 10 years of documenting your Web.</p>

<div class="column-container">
<div class="column-8">
<h2 id="The_history_of_MDN">The history of MDN</h2>

<p>In early 2005, a small team of idealists set out to create a new, free, community-built online resource for all Web developers. Their brilliant but offbeat idea grew into today’s Mozilla Developer Network—the premier resource for all open Web technologies. Ten years later, our global community is bigger than ever, and together we’re still creating documentation, sample code and learning resources for all open Web technologies, including CSS, HTML, JavaScript and everything else that makes the open Web as powerful as it is.</p>
Expand All @@ -23,14 +21,11 @@ <h2 id="Contributing_to_MDN">Contributing to MDN</h2>
<p><a class="learnmore" href="/en-US/docs/MDN/Contribute">Learn more <span class="offscreen">about contributing</span></a></p>


</div>

<div class="column-4">{{TenthCampaignQuote}}</div>

<h2 id="Subnav">Subnav</h2>
{{TenthCampaignQuote}}

<section id="Quick_links">
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

FYI removed layout crap in old doc. Also turned the "subnav" into quicklinks, removing the link back to this doc.

<!-- section is rendered in sidebar -->
<ol>
<li><a href="/en-US/docs/MDN/At_ten">MDN at 10</a></li>
<li><a href="/en-US/docs/MDN/At_ten/History_of_MDN">The history of MDN</a></li>
</ol>
</div>
</section>
4 changes: 2 additions & 2 deletions files/en-us/web/accessibility/aria/roles/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<p>{{SubpagesWithSummaries}}</p>

<div class="hidden">
<p>Please claim the role you want to work on by adding your name after the role's name: (old pages are linked from <a href="/en-US/docs/">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques</a>). Ones for which the first draft is completed have been removed from the below list.</p>
<p>Please claim the role you want to work on by adding your name after the role's name: (old pages are linked from <a href="/en-US/docs/Web">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques</a>). Ones for which the first draft is completed have been removed from the below list.</p>

<ul>
<li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Alertdialog_Role">alertdialog</a></li>
Expand Down Expand Up @@ -77,7 +77,7 @@
</div>


<h6 id="Subnav">Subnav</h6>
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Removed heading, not used.



<section id="Quick_links">
<ol>
Expand Down
21 changes: 9 additions & 12 deletions files/en-us/web/api/document_object_model/events/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ <h2 id="DOM_event_handler_List">Registering event listeners</h2>

<p>There are 3 ways to register event handlers for a DOM element.</p>

<h3 id="EventTarget.addEventListener">{{domxref("EventTarget.addEventListener")}}</h3>
<h3 id="EventTarget.addEventListener">EventTarget.addEventListener</h3>

<pre class="brush: js">// Assuming myButton is a button element
myButton.addEventListener('click', greet, false)
Expand All @@ -34,22 +34,27 @@ <h3 id="EventTarget.addEventListener">{{domxref("EventTarget.addEventListener")}
<p>This is the method you should use in modern web pages.</p>

<div class="notecard note">
<p><strong>Note:</strong> Internet Explorer 6–8 didn't support this method, offering a similar {{domxref("EventTarget.addEventListener")}} API instead. For cross-browser compatibility, use one of the many JavaScript libraries available.</p>
<h4>Note</h4>
<p>Internet Explorer 6–8 didn't support this method, offering a similar {{domxref("EventTarget.addEventListener")}} API instead. For cross-browser compatibility, use one of the many JavaScript libraries available.</p>
</div>

<p>More details can be found on the {{domxref("EventTarget.addEventListener")}} reference page.</p>

<h3 id="HTML_attribute"><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Events#inline_event_handlers_—_don't_use_these">HTML attribute</a></h3>
<h3 id="HTML_attribute">HTML attribute</h3>

<pre class="brush: html">&lt;button onclick="alert('Hello world!')"&gt;
</pre>

<p>The JavaScript code in the attribute is passed the Event object via the <code>event</code> parameter. <a href="http://dev.w3.org/html5/spec/webappapis.html#the-event-handler-processing-algorithm">The return value is treated in a special way, described in the HTML specification</a>.</p>

<div class="notecard warning">
<p><strong>Warning:</strong> This method should be avoided! It inflates the markup, and makes it less readable. Concerns of content/structure and behavior are not well-separated, making a bug harder to find.</p>
<h4>Warning</h4>
<p>This method should be avoided! It inflates the markup, and makes it less readable. Concerns of content/structure and behavior are not well-separated, making a bug harder to find.</p>
<p>For more information see <a href="/en-US/docs/Learn/JavaScript/Building_blocks/Events#inline_event_handlers_—_don't_use_these">Inline event handlers</a>.</p>
</div>



<h3 id="DOM_element_properties">DOM element properties</h3>

<pre class="brush: js">// Assuming myButton is a button element
Expand All @@ -75,11 +80,3 @@ <h2 id="Accessing_Event_interfaces">Accessing Event interfaces</h2>
// any function should have an appropriate name, that's what called semantic
table_el.onclick = print
</pre>

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

FYI only relevant change in this is to remove this subnav section. The page already has a sidebar macro so this was just ignored.

<h2 id="Subnav">Subnav</h2>

<ul>
<li><a href="/en-US/docs/Web/API/Document_Object_Model">DOM Reference</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Introduction">Introduction to the DOM</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Examples">Examples</a></li>
</ul>
9 changes: 1 addition & 8 deletions files/en-us/web/api/document_object_model/examples/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
- DOM
- DOM Reference
---
<div>{{DefaultAPISidebar("DOM")}}</div>
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Added standard DOM sidebar and removed the subnav section below.

<p>This chapter provides some longer examples of web and XML development using the DOM. Wherever possible, the examples use common APIs, tricks, and patterns in JavaScript for manipulating the document object.</p>

<h2 id="Example_1_height_and_width">Example 1: height and width</h2>
Expand Down Expand Up @@ -365,11 +366,3 @@ <h3 id="Notes">Notes</h3>
<li>There are a number of other convenience methods belonging to the <a href="/en-US/docs/Web/API/HTMLTableElement#methods">table interface</a> that can be used for creating and modifying tables.</li>
</ul>

<h2 id="Subnav">Subnav</h2>

<ul>
<li><a href="/en-US/docs/Web/API/Document_Object_Model">DOM Reference</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Introduction">Introduction to the DOM</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Events">Events and the DOM</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Examples">Examples</a></li>
</ul>
12 changes: 1 addition & 11 deletions files/en-us/web/api/document_object_model/introduction/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
- Introduction
- Tutorial
---
<div>{{DefaultAPISidebar("DOM")}}</div>
Copy link
Collaborator Author

@hamishwillee hamishwillee Mar 15, 2021 •
edited
Loading

Choose a reason for hiding this comment

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

FYI Added standard DOM sidebar and removed the subnav section below. The sidebar macro was in page, but at bottom.

<p><span class="seoSummary">The <strong>Document Object Model</strong> (<strong>DOM</strong>) is the data representation of the objects that comprise the structure and content of a document on the web. In this guide, we'll briefly introduce the DOM.</span> We'll look at how the DOM represents an {{Glossary("HTML")}} or {{Glossary("XML")}} document in memory and how you use APIs to create web content and applications.</p>

<h2 id="What_is_the_DOM">What is the DOM?</h2>
Expand Down Expand Up @@ -239,14 +240,3 @@ <h2 id="Testing_the_DOM_API">Testing the DOM API</h2>
<img src="dom_ref_introduction_to_the_dom.gif"></figure>

<p>In this example, the drop-down menus dynamically update such DOM—accessible aspects of the web page as its background color (<code>bgColor</code>), the color of the hyperlinks (<code>aLink</code>), and color of the text (<code>text</code>). However, you design your test pages, testing the interfaces as you read about them is an important part of learning how to use the DOM effectively.</p>

<h2 id="Subnav">Subnav</h2>

<ul>
<li><a href="/en-US/docs/Web/API/Document_Object_Model">DOM Reference</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Introduction">Introduction to the DOM</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Events">Events and the DOM</a></li>
<li><a href="/en-US/docs/Web/API/Document_Object_Model/Examples">Examples</a></li>
</ul>

<div>{{DefaultAPISidebar("DOM")}}</div>
73 changes: 2 additions & 71 deletions files/en-us/web/css/align-tracks/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@
- grid
- masonry
---
<div>{{CSSRef}}</div>

<p>{{SeeCompatTable}}</p>

<p>The <strong><code>align-tracks</code></strong> CSS property sets the alignment in the masonry axis for grid containers that have <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout">masonry</a> in their block axis.</p>
Expand All @@ -26,7 +28,6 @@ <h2 id="Syntax">Syntax</h2>
align-tracks: inherit;
align-tracks: initial;
align-tracks: unset;

</pre>

<p>The property can take a single value, in which case all tracks are aligned in the same way. If a list of values is used then the first value applies to the first track in the grid axis, the second to the next and so on.</p>
Expand Down Expand Up @@ -108,73 +109,3 @@ <h2 id="See_also">See also</h2>
<li>Related CSS properties: {{cssxref("justify-tracks")}}, {{cssxref("masonry-auto-flow")}}</li>
</ul>

<h2 id="Subnav">Subnav</h2>

<section id="Quick_links">
<ol>
<li><a href="/en-US/docs/Web/CSS"><strong>CSS</strong></a></li>
<li><a href="/en-US/docs/Web/CSS/Reference"><strong>CSS Reference</strong></a></li>
<li><strong><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a></strong></li>
<li class="toggle">
<details open><summary>Guides</summary>
<ol>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship to other layout methods</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in grid layout</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in grid layout</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and Accessibility</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid Layout and Progressive Enhancement</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout">Realizing common layouts using grids</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid">Subgrid</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout">Masonry layout</a></li>
</ol>
</details>
</li>
<li class="toggle">
<details open><summary>Properties</summary>
<ol>
<li><code><a href="/en-US/docs/Web/CSS/align-tracks">align-tracks</a></code>{{Experimental_Inline}}</li>
<li><code><a href="/en-US/docs/Web/CSS/column-gap">column-gap</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/gap">gap</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid">grid</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-area">grid-area</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-auto-columns">grid-auto-columns</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-auto-flow">grid-auto-flow</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-auto-rows">grid-auto-rows</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-column">grid-column</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-column-end">grid-column-end</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-column-start">grid-column-start</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-row">grid-row</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-row-end">grid-row-end</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-row-start">grid-row-start</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template">grid-template</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template-areas">grid-template-areas</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template-columns">grid-template-columns</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template-rows">grid-template-rows</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/justify-tracks">justify-tracks</a></code>{{Experimental_Inline}}</li>
<li><code><a href="/en-US/docs/Web/CSS/masonry-auto-flow">masonry-auto-flow</a></code>{{Experimental_Inline}}</li>
<li><code><a href="/en-US/docs/Web/CSS/row-gap">row-gap</a></code></li>
</ol>
</details>
</li>
<li class="toggle">
<details open><summary>Glossary</summary>
<ol>
<li><a href="/en-US/docs/Glossary/Grid">Grid</a></li>
<li><a href="/en-US/docs/Glossary/Grid_lines">Grid lines</a></li>
<li><a href="/en-US/docs/Glossary/Grid_tracks">Grid tracks</a></li>
<li><a href="/en-US/docs/Glossary/Grid_cell">Grid cell</a></li>
<li><a href="/en-US/docs/Glossary/Grid_areas">Grid areas</a></li>
<li><a href="/en-US/docs/Glossary/Gutters">Gutters</a></li>
<li><a href="/en-US/docs/Glossary/Grid_Axis">Grid Axis</a></li>
<li><a href="/en-US/docs/Glossary/Grid_rows">Grid row</a></li>
<li><a href="/en-US/docs/Glossary/Grid_column">Grid column</a></li>
</ol>
</details>
</li>
</ol>
</section>
71 changes: 0 additions & 71 deletions files/en-us/web/css/css_grid_layout/basic_concepts_of_grid_layout/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -660,74 +660,3 @@ <h3 id="Controlling_the_order">Controlling the order</h3>
<h2 id="Next_Steps">Next Steps</h2>

<p>In this article we have had a very quick look through the Grid Layout Specification. Have a play with the code examples, and then move onto <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">the next part of this guide where we will really start to dig into the detail of CSS Grid Layout</a>.</p>

<h2 id="Subnav">Subnav</h2>

<section id="Quick_links">
<ol>
<li><a href="/en-US/docs/Web/CSS"><strong>CSS</strong></a></li>
<li><a href="/en-US/docs/Web/CSS/Reference"><strong>CSS Reference</strong></a></li>
<li><strong><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a></strong></li>
<li class="toggle">
<details open><summary>Guides</summary>
<ol>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship to other layout methods</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in grid layout</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in grid layout</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and Accessibility</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid Layout and Progressive Enhancement</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout">Realizing common layouts using grids</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid">Subgrid</a></li>
<li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout">Masonry layout</a></li>
</ol>
</details>
</li>
<li class="toggle">
<details open><summary>Properties</summary>
<ol>
<li><code><a href="/en-US/docs/Web/CSS/align-tracks">align-tracks</a></code>{{Experimental_Inline}}</li>
<li><code><a href="/en-US/docs/Web/CSS/column-gap">column-gap</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/gap">gap</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid">grid</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-area">grid-area</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-auto-columns">grid-auto-columns</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-auto-flow">grid-auto-flow</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-auto-rows">grid-auto-rows</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-column">grid-column</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-column-end">grid-column-end</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-column-start">grid-column-start</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-row">grid-row</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-row-end">grid-row-end</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-row-start">grid-row-start</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template">grid-template</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template-areas">grid-template-areas</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template-columns">grid-template-columns</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/grid-template-rows">grid-template-rows</a></code></li>
<li><code><a href="/en-US/docs/Web/CSS/justify-tracks">justify-tracks</a></code>{{Experimental_Inline}}</li>
<li><code><a href="/en-US/docs/Web/CSS/masonry-auto-flow">masonry-auto-flow</a></code>{{Experimental_Inline}}</li>
<li><code><a href="/en-US/docs/Web/CSS/row-gap">row-gap</a></code></li>
</ol>
</details>
</li>
<li class="toggle">
<details open><summary>Glossary</summary>
<ol>
<li><a href="/en-US/docs/Glossary/Grid">Grid</a></li>
<li><a href="/en-US/docs/Glossary/Grid_lines">Grid lines</a></li>
<li><a href="/en-US/docs/Glossary/Grid_tracks">Grid tracks</a></li>
<li><a href="/en-US/docs/Glossary/Grid_cell">Grid cell</a></li>
<li><a href="/en-US/docs/Glossary/Grid_areas">Grid areas</a></li>
<li><a href="/en-US/docs/Glossary/Gutters">Gutters</a></li>
<li><a href="/en-US/docs/Glossary/Grid_Axis">Grid Axis</a></li>
<li><a href="/en-US/docs/Glossary/Grid_rows">Grid row</a></li>
<li><a href="/en-US/docs/Glossary/Grid_column">Grid column</a></li>
</ol>
</details>
</li>
</ol>
</section>
Loading