diff --git a/curriculum/challenges/english/blocks/top-the-box-model/64a553ed02815a7d323aab89.md b/curriculum/challenges/english/blocks/top-the-box-model/64a553ed02815a7d323aab89.md index a36fb017c49..171fca3c3db 100644 --- a/curriculum/challenges/english/blocks/top-the-box-model/64a553ed02815a7d323aab89.md +++ b/curriculum/challenges/english/blocks/top-the-box-model/64a553ed02815a7d323aab89.md @@ -10,7 +10,7 @@ In the Elements pane, you can see the entire HTML structure of your page. You ca 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: +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 Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below: CSS code snippet in the developer console showing .hero_main-heading with applied margin-bottom: 100px, padding-bottom: 1.875rem, .accent color #ce973e. h1 style rules include font-size, weight, letter-spacing, with its margin-bottom: 2rem overridden. diff --git a/curriculum/challenges/english/blocks/top-the-box-model/64a5551d02815a7d323aab8a.md b/curriculum/challenges/english/blocks/top-the-box-model/64a5551d02815a7d323aab8a.md index 033f9d7efa2..24cc99d4df5 100644 --- a/curriculum/challenges/english/blocks/top-the-box-model/64a5551d02815a7d323aab8a.md +++ b/curriculum/challenges/english/blocks/top-the-box-model/64a5551d02815a7d323aab8a.md @@ -10,7 +10,7 @@ In the Elements pane, you can see the entire HTML structure of your page. You ca 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: +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 Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below: CSS code snippet in the developer console showing .hero_main-heading with applied margin-bottom: 100px, padding-bottom: 1.875rem, .accent color #ce973e. h1 style rules include font-size, weight, letter-spacing, with its margin-bottom: 2rem overridden. diff --git a/curriculum/challenges/english/blocks/top-the-box-model/64a55a6102815a7d323aab8b.md b/curriculum/challenges/english/blocks/top-the-box-model/64a55a6102815a7d323aab8b.md index a5af5d46bb1..0598abed6cb 100644 --- a/curriculum/challenges/english/blocks/top-the-box-model/64a55a6102815a7d323aab8b.md +++ b/curriculum/challenges/english/blocks/top-the-box-model/64a55a6102815a7d323aab8b.md @@ -10,7 +10,7 @@ In the Elements pane, you can see the entire HTML structure of your page. You ca 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: +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 Odin Project homepage, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below: CSS code snippet in the developer console showing .hero_main-heading with applied margin-bottom: 100px, padding-bottom: 1.875rem, .accent color #ce973e. h1 style rules include font-size, weight, letter-spacing, with its margin-bottom: 2rem overridden.