From the course: Learning Chrome Web Developer Tools

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

Solution: Critique a responsive design

Solution: Critique a responsive design - Chrome Tutorial

From the course: Learning Chrome Web Developer Tools

Start my 1-month free trial

Solution: Critique a responsive design

“

(bright chime) - [Instructor] I'm going to start by taking a look at tarpits.org. This is the site for the La Brea Tar Pits museum in Los Angeles. Now the web changes all the time so the site in your browser may look a little different or a lot different. But regardless of the appearance, device mode is still available and we can use it to learn about the site and test it. So I'll start by turning it on, opening up my developer tools. And remember if you didn't leave it on like I did you can just use that device toolbar button or the keyboard shortcut. And so I'm going to start in responsive mode by just dragging and checking things out. So we've got a very basic welcome here. So you get bigger, we add in some graphics. Here we even add in a video, a larger width. And we've got more of this menu opening up as the width increases. And as we go smaller we've got that menu going away. We've got some of that other…

Contents