šŸ“• LangChain for JavaScript developers is now out!
Build 5 Next.js apps with ChatGPT integrated features using LangChain.

Activating the dual-screen support for Galaxy Fold or Surface Duo in developer tools

A few days ago I've had to help a friend with some CSS troubleshooting on a web app that was aimed for the Samsung Galaxy Fold. Discovered that debugging the fold screens view with Chrome's developer tools was a bit tricky.

At the first glance, there isn't any Galaxy Fold (or Surface Duo) device in the developer tools responsive view. But actually, there is one hidden in the experimental features.

It is called Dual Screen Mode and in order to activate it, we need to go in the Experiments tab and check Support dual-screen mode.

After this, be sure to close and open again the dev tools. Now when opening the responsive view you should be able to select dual or folded screen devices.

In order to toggle on-off the split view, you can click the icon looking like an opened book in the top bar of the view. Happy designing!

šŸ“– 50 Javascript, React and NextJs Projects

Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.

šŸ“– 50 Javascript, React and NextJs Projects

Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.


Leave a Reply

Your email address will not be published. Required fields are marked *