Skip to content
Open

Main #18

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
10 changes: 5 additions & 5 deletions css/place-kitty.css
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
/* Select the image with a class of kitty-1 */
write-your-selector-here {
.kitty-1 {
position: absolute;
z-index: 1;
top: 276px;
left: 129px;
}

/* Select the image with id of kitty-2 */
write-your-selector-here {
#kitty-2 {
position: absolute;
z-index: 2;
top: 212px;
left: 369px;
}

/* 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;
left: 319px;
}

/* 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;
left: 455px;
}

/* 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;
Expand Down
12 changes: 6 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.