From bc78fce7a482fafe9b5495ca2dc0cc38a16950cc Mon Sep 17 00:00:00 2001 From: Orest Sonich <119627386+OrestSonich@users.noreply.github.com> Date: Fri, 6 Sep 2024 16:57:28 +0300 Subject: [PATCH] fix(curriculum): typo in Odin Project box-model-lesson-b/c/d (#56027) --- .../top-the-box-model/the-box-model-lesson-b.md | 2 +- .../top-the-box-model/the-box-model-lesson-c.md | 2 +- .../top-the-box-model/the-box-model-lesson-d.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-b.md b/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-b.md index 0b382dd2f30..17a0c9a52a4 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-b.md +++ b/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-b.md @@ -8,7 +8,7 @@ dashedName: the-box-model-lesson-b In the Elements pane, you can see the entire HTML structure of your page. You can click on any of the elements in this pane to select that specific element. Alternatively, you can click the blue-highlighted icon shown below on the left, and hover over any element on the page. -Aweb development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles. +A web development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles. When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on the The Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below: diff --git a/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-c.md b/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-c.md index 3730d8ec66b..35f2d5aa432 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-c.md +++ b/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-c.md @@ -8,7 +8,7 @@ dashedName: the-box-model-lesson-c In the Elements pane, you can see the entire HTML structure of your page. You can click on any of the elements in this pane to select that specific element. Alternatively, you can click the blue-highlighted icon shown below on the left, and hover over any element on the page. -Aweb development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles. +A web development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles. When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on the The Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below: diff --git a/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-d.md b/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-d.md index 79149ea3b15..caa7b441aee 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-d.md +++ b/curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-d.md @@ -8,7 +8,7 @@ dashedName: the-box-model-lesson-d In the Elements pane, you can see the entire HTML structure of your page. You can click on any of the elements in this pane to select that specific element. Alternatively, you can click the blue-highlighted icon shown below on the left, and hover over any element on the page. -Aweb development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles. +A web development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles. When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on the The Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below: