Skip to content

Commit 81b0056

Browse files
committed
added resources about the inspector
1 parent 0a48f98 commit 81b0056

2 files changed

Lines changed: 11 additions & 1 deletion

File tree

README.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,6 @@ Please get yourself familiar with this repository by navigating your way through
3131
• Get an understanding of where to find information on the web
3232
• Give receive/feedback from/on fellow students
3333
• Presenting and explaining your work to others
34-
3534
```
3635

3736

Week1/README.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,22 @@ In week two we will discuss the following topics
55
• Responsive web design
66
• Media queries
77
• Flexbox
8+
• How to use the inspector
89
```
910

1011
### Here are resources that we like you to read as a preparation for the coming lecture:
1112
- Start reading about media queries here: [Introduction to Media Queries](https://varvy.com/mobile/media-queries.html).
1213
- And read about [flexbox](https://tympanus.net/codrops/css_reference/flexbox/And)
1314
- Also take a look at this [website](http://mediaqueri.es) here you can find examples of responsive design.
1415

16+
### How to use the inspector :mag:
17+
Read and watch about how you can [Inspect and Edit Pages and Styles](https://developers.google.com/web/tools/chrome-devtools/inspect-styles/) using the inspector
18+
19+
Here you can read about the inspector which is part of the [The Chrome Developer Tools](https://developer.chrome.com/devtools)
20+
21+
Please read the following sections:
22+
- Accessing the DevTools
23+
- The DevTools window
24+
- Inspecting the DOM and styles
25+
1526
_Please go through the material and come to class prepared!_

0 commit comments

Comments
 (0)