diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt index 61c25aad4b1ccdb..b4269a613c0eade 100644 --- 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 index 906cb4966f99e1d..693f948426dc418 100644 --- 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/files/en-us/web/guide/css/getting_started/challenge_solutions/index.md b/files/en-us/learn_web_development/core/challenges/index.md similarity index 99% rename from files/en-us/web/guide/css/getting_started/challenge_solutions/index.md rename to files/en-us/learn_web_development/core/challenges/index.md index 40ad78a2741706e..5eeed80daf5a2a8 100644 --- a/files/en-us/web/guide/css/getting_started/challenge_solutions/index.md +++ b/files/en-us/learn_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/files/en-us/web/guide/css/getting_started/challenge_solutions/pin_placement.png b/files/en-us/learn_web_development/core/challenges/pin_placement.png similarity index 100% rename from files/en-us/web/guide/css/getting_started/challenge_solutions/pin_placement.png rename to files/en-us/learn_web_development/core/challenges/pin_placement.png diff --git a/files/en-us/web/guide/css/css_layout/index.md b/files/en-us/web/css/guides/index.md similarity index 99% rename from files/en-us/web/guide/css/css_layout/index.md rename to files/en-us/web/css/guides/index.md index 96236ff2447640f..2d3ab904fe52fbf 100644 --- a/files/en-us/web/guide/css/css_layout/index.md +++ b/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 index 6c2e708d1251e70..660011afe6abbd1 100644 --- 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 index 37f2c15e8f0dbe1..a9e7f4c341d3f0d 100644 --- 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 index facf31183c31409..b0c2fe42b237ab2 100644 --- 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: