Merge pull request #325 from turingschool/2410-day4

Remove duplicate id
turingschool · Oct 10, 2024 · 8b8ce08 · 8b8ce08
2 parents 17b2ac8 + 7225f7d
commit 8b8ce08
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/module2/lessons/css_fundamentals.md b/module2/lessons/css_fundamentals.md
@@ -26,7 +26,7 @@ tags: css, box model, syntax
 - `rule` selector(s) and a declaration block come together to create a rule
 
 ## What is CSS?
-CSS can do SO MUCH more than just add color or make things pretty. CSS can be used to create artwork like [this project](https://www.cssartist.com/inprogress) by Kassandra Sanchez. CSS can also make complex processes more intuitive and accessible users, like [TurboTax](https://turbotax.intuit.com/personal-taxes/online/) and [airbnb](https://www.airbnb.com/). CSS is a powerful tool for frontend developers. Let's jump in to see how it works!  
+CSS can do SO MUCH more than just add color or make things pretty. CSS can be used to create artwork like [this project](https://www.cssartist.com/inprogress) by Kassandra Sanchez. CSS can also make complex processes more intuitive and accessible users, like [TurboTax](https://turbotax.intuit.com/personal-taxes/online/) and [airbnb](https://www.airbnb.com/). CSS is a powerful tool for frontend developers. This [CSS Zen Garden](https://csszengarden.com/) demonstrates just how powerful it can be.
 
 It’s a “style sheet language” that lets you style the HTML elements on your page. CSS works _with_ HTML and controls the positioning, sizing, colors, and specific fonts on your page.  
 

diff --git a/module2/lessons/js_intro_to_dom_manipulation.md b/module2/lessons/js_intro_to_dom_manipulation.md
@@ -78,7 +78,7 @@ title;
 //=> <h1>JS: Intro to DOM Manipulation</h1>
 ```
 
-<section id="explore" class="call-to-action">
+<section id="explore-querySelector" class="call-to-action">
 ### Explore
 
 Open the Dev Tools while you are looking at this lesson. In the console, paste this in:
@@ -98,7 +98,7 @@ Then, call the `box` variable (by typing in `box`, then hitting `return`).
 We've already seen three of the different selector options we can use in our query:
 - by html element tag: `document.querySelector('h1')`
 - by class: `document.querySelector('.call-to-action')`
-- by id: : `document.querySelector('#explore')`
+- by id: : `document.querySelector('#explore-querySelector')`
 
 Take Note:
 - selectors must always be in quotation marks (single or double)