Chrome DevTools

Goal

• ⚡ Learn how to use "Chrome DevTools" to detect CSS.

Open DevTools

• Windows
• macOS

Ctrl+Shift+C

You see the applied css w

info

• user agent stylesheet is a default CSS of web browser (chrome, safari etc...)
• That's why the appearance differs slightly in each browser

Check different mobile view

Add laptop device

TODO

• Laptop with HiDPI screen

Refs

https://developers.google.com/web/tools/chrome-devtools