From the course: CSS Essential Training

Unlock this course with a free trial

Join today to access over 25,600 courses taught by industry experts.

Testing responsive layouts

Testing responsive layouts

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Testing responsive layouts

“

- Testing responsive webpages will work best on real devices. But owning every type of phone, tablet, laptop, and desktop is not practical. Luckily, there are tools we can use to simulate different devices for testing purposes. There are third-party services like BrowserStack, LambdaTest and Sauce Labs, which offer tools for testing across different devices and browsers. The pricing and features vary among these services, but there's also a great free option, your browser dev tools. Let's open it up on our project page. Right click Inspect. For responsive testing, I find that docking the tools on the right side makes it easier to see more of your page, rather than just the top part, and the tool at the same time. To change this setting, select the icon on the right, the three dots. Then choose Dock to Right. I'm still using Firefox, but you should see a similar icon in other browsers. In Firefox, there's the…

Contents