chore(ia): reorg /web/guide dir (#37790)

* chore(ia): reorg /web/guide dir * chore: Revert key ordering from fmt-sidebars
mdn · Jan 29, 2025 · de6055c · de6055c
1 parent 0dce6d0
commit de6055c
Show file tree

Hide file tree

Showing 8 changed files with 24 additions and 18 deletions.
diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
@@ -491,7 +491,7 @@
 /en-US/docs/CSS/Getting_Started	/en-US/docs/Learn_web_development/Core/Styling_basics
 /en-US/docs/CSS/Getting_Started/Boxes	/en-US/docs/Learn_web_development/Core/Styling_basics
 /en-US/docs/CSS/Getting_Started/Cascading_and_inheritance	/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts
-/en-US/docs/CSS/Getting_Started/Challenge_solutions	/en-US/docs/Web/Guide/CSS/Getting_started/Challenge_solutions
+/en-US/docs/CSS/Getting_Started/Challenge_solutions	/en-US/docs/Learn_web_development/Core/Challenges
 /en-US/docs/CSS/Getting_Started/Content	/en-US/docs/Learn_web_development/Howto/Solve_CSS_problems/Generated_content
 /en-US/docs/CSS/Getting_Started/How_CSS_works	/en-US/docs/Learn_web_development/Core/Styling_basics/What_is_CSS
 /en-US/docs/CSS/Getting_Started/JavaScript	/en-US/docs/Learn_web_development/Core/Scripting/DOM_scripting
@@ -12444,12 +12444,14 @@
 /en-US/docs/Web/Guide/Audio_and_video_manipulation	/en-US/docs/Web/Media/Audio_and_video_manipulation
 /en-US/docs/Web/Guide/CSS/Block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/Web/Guide/CSS/CSS_Image_Sprites	/en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS
+/en-US/docs/Web/Guide/CSS/CSS_Layout	/en-US/docs/Web/CSS/Guides
 /en-US/docs/Web/Guide/CSS/Consistent_list_indentation	/en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation
 /en-US/docs/Web/Guide/CSS/Counters	/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters
 /en-US/docs/Web/Guide/CSS/Flexible_boxes	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox
 /en-US/docs/Web/Guide/CSS/Getting_started	/en-US/docs/Learn_web_development/Core/Styling_basics
 /en-US/docs/Web/Guide/CSS/Getting_started/Boxes	/en-US/docs/Learn_web_development/Core/Styling_basics
 /en-US/docs/Web/Guide/CSS/Getting_started/Cascading_and_inheritance	/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts
+/en-US/docs/Web/Guide/CSS/Getting_started/Challenge_solutions	/en-US/docs/Learn_web_development/Core/Challenges
 /en-US/docs/Web/Guide/CSS/Getting_started/Content	/en-US/docs/Learn_web_development/Howto/Solve_CSS_problems/Generated_content
 /en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works	/en-US/docs/Learn_web_development/Core/Styling_basics/What_is_CSS
 /en-US/docs/Web/Guide/CSS/Getting_started/JavaScript	/en-US/docs/Learn_web_development/Core/Scripting/DOM_scripting

diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
@@ -6214,6 +6214,18 @@
     "modified": "2020-07-16T22:27:36.041Z",
     "contributors": ["MelchiorIm3Tal", "chrisdavidmills", "rachelandrew"]
   },
+  "Learn_web_development/Core/Challenges": {
+    "modified": "2019-08-29T20:48:33.765Z",
+    "contributors": [
+      "Sebastianz",
+      "strael1",
+      "teoli",
+      "Jeremie",
+      "Sheppy",
+      "illourr",
+      "jswisher"
+    ]
+  },
   "Learn_web_development/Core/Frameworks_libraries": {
     "modified": "2020-09-25T22:34:22.129Z",
     "contributors": ["chrisdavidmills", "CodeDotJS"]
@@ -91086,18 +91098,6 @@
       "ethertank"
     ]
   },
-  "Web/Guide/CSS/Getting_started/Challenge_solutions": {
-    "modified": "2019-08-29T20:48:33.765Z",
-    "contributors": [
-      "Sebastianz",
-      "strael1",
-      "teoli",
-      "Jeremie",
-      "Sheppy",
-      "illourr",
-      "jswisher"
-    ]
-  },
   "Web/Guide/Parsing_and_serializing_XML": {
     "modified": "2020-09-09T05:19:22.895Z",
     "contributors": [

diff --git a/...ting_started/challenge_solutions/index.md → ..._web_development/core/challenges/index.md b/...ting_started/challenge_solutions/index.md → ..._web_development/core/challenges/index.md
@@ -1,6 +1,6 @@
 ---
 title: Challenge solutions
-slug: Web/Guide/CSS/Getting_started/Challenge_solutions
+slug: Learn_web_development/Core/Challenges
 page-type: guide
 ---
 

diff --git a/...ted/challenge_solutions/pin_placement.png → ...lopment/core/challenges/pin_placement.png b/...ted/challenge_solutions/pin_placement.png → ...lopment/core/challenges/pin_placement.png
diff --git a/...s/en-us/web/guide/css/css_layout/index.md → files/en-us/web/css/guides/index.md b/...s/en-us/web/guide/css/css_layout/index.md → files/en-us/web/css/guides/index.md
@@ -1,9 +1,12 @@
 ---
-title: CSS Layout
-slug: Web/Guide/CSS/CSS_Layout
+title: CSS guides
+short-title: Guides
+slug: Web/CSS/Guides
 page-type: guide
 ---
 
+{{CSSRef}}
+
 There are a number of methods that you can use to lay out your web pages and applications. MDN contains a number of in-depth guides to the different methods, and this page provides an overview of them all.
 
 ## Normal flow, block, and inline layout

diff --git a/files/en-us/web/guide/index.md b/files/en-us/web/guide/index.md
@@ -21,7 +21,7 @@ There are a number of guides within MDN docs. These articles aim to add addition
 
 - [Learn to style HTML using CSS](/en-US/docs/Learn_web_development/Core/Styling_basics)
   - : Our complete CSS tutorial, taking you from first steps through styling text, creating layouts, and more.
-- [CSS Layout Guides](/en-US/docs/Web/Guide/CSS/CSS_Layout)
+- [CSS Layout Guides](/en-US/docs/Web/CSS/Guides)
   - : There are a large number of guides to CSS Layout across MDN, this page collects them all together.
 - [Using CSS animations](/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations)
   - : CSS animations make it possible to animate transitions from one CSS style configuration to another. This guide will help you get started with the animation properties.

diff --git a/files/en-us/web/svg/tutorial/svg_and_css/index.md b/files/en-us/web/svg/tutorial/svg_and_css/index.md
@@ -413,7 +413,7 @@ Notes about this demonstration:
 
 Change the stylesheet so that the inner petals all turn pink when the mouse pointer is over any one of them, without changing the way the outer petals work.
 
-[See a solution to this challenge.](/en-US/docs/Web/Guide/CSS/Getting_started/Challenge_solutions#svg_and_css)
+[See a solution to this challenge.](/en-US/docs/Learn_web_development/Core/Challenges#svg_and_css)
 
 ## Simplified structure
 

diff --git a/files/sidebars/cssref.yaml b/files/sidebars/cssref.yaml
@@ -105,6 +105,7 @@ sidebar:
     details: closed
   - type: section
     title: Guides
+    link: /Web/CSS/Guides
   - title: Animations
     details: closed
     children: