Tech Series
Comprehensive, multi-part guides exploring concepts in depth.
Filter by
- development-toolsSeries · Part 3 of 3
Debug Modern CSS Layout: Flexbox, Grid, Subgrid & Container Queries
Modern CSS layout is hard to debug by reading numbers. DevTools draws it for you. This lesson covers the flexbox and grid overlays, the subgrid badge, and container queries — including editing an `@container` rule live in the Styles pane, new in recent Chrome.
Himanshu Bhatt · 5 min read · Aug 29, 2026
- development-toolsSeries · Part 2 of 3
The Elements Panel: Inspect and Edit Any Web Page Live
The Elements panel is where you inspect a page's HTML and edit its CSS live. This lesson covers selecting elements, editing the DOM, reading the Styles pane and the cascade, the box model, the Computed tab, and the Changes drawer that keeps a diff of everything you edit.
Himanshu Bhatt · 5 min read · Aug 16, 2026
- development-toolsSeries · Part 1 of 3
Chrome DevTools for Absolute Beginners: Your First Look
Chrome DevTools is a free toolkit built into Chrome for inspecting a page's HTML, CSS, and JavaScript. This first lesson gets you in the door: what DevTools is, three ways to open it, how the layout is arranged, and the Command Menu — the single shortcut that reaches everything.
Himanshu Bhatt · 6 min read · Aug 5, 2026
