diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/README.md b/README.md index 3e225b707..a674cce1c 100644 --- a/README.md +++ b/README.md @@ -67,3 +67,4 @@ complex CSS layouts in the future. - [Mozilla Developer Network: CSS Selectors](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors) - [W3 CSS Selector Reference](https://www.w3schools.com/cssref/css_selectors.asp) - [Mozilla Developer Network: Positioning](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning) +# kitten-lab diff --git a/css/place-kitty.css b/css/place-kitty.css index 451c2a1ac..daf9127ef 100644 --- a/css/place-kitty.css +++ b/css/place-kitty.css @@ -1,5 +1,5 @@ /* Select the image with a class of kitty-1 */ -write-your-selector-here { +.kitty-1 { position: absolute; z-index: 1; top: 276px; @@ -7,7 +7,7 @@ write-your-selector-here { } /* Select the image with id of kitty-2 */ -write-your-selector-here { +#kitty-2 { position: absolute; z-index: 2; top: 212px; @@ -15,7 +15,7 @@ write-your-selector-here { } /* Select the image inside the element with an id of basket (using its descendent relationship) */ -write-your-selector-here { +#basket img { position: absolute; z-index: 5; top: 291px; @@ -23,7 +23,7 @@ write-your-selector-here { } /* Select the image based on it being a sibling that follows immediately after the element with an id of ball (using adjacent sibling selector) */ -write-your-selector-here { +#ball + img{ position: absolute; z-index: 4; top: 260px; @@ -31,7 +31,7 @@ write-your-selector-here { } /* Select the image that has an alt attribute value matching "Kitty 5" (using attribute selector) */ -write-your-selector-here { +img[alt="Kitty 5"] { position: absolute; z-index: 3; top: 217px; diff --git a/package-lock.json b/package-lock.json index f02c4df85..693bb0190 100644 --- a/package-lock.json +++ b/package-lock.json @@ -651,9 +651,9 @@ } }, "node_modules/get-func-name": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz", - "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz", + "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==", "dev": true, "engines": { "node": "*" @@ -2246,9 +2246,9 @@ "dev": true }, "get-func-name": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz", - "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz", + "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==", "dev": true }, "glob": {