Use Win + Ctrl + D (Windows) or Control + Up Arrow then + (Mac) to create a new, distraction-free desktop for a specific task, then toggle back to your main workspace.
<!-- index.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Toggle Screens</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="screen-container"> <div class="screen active" id="screen-1"> <h1>Screen 1</h1> </div> <div class="screen" id="screen-2"> <h1>Screen 2</h1> </div> <div class="screen" id="screen-3"> <h1>Screen 3</h1> </div> </div> <div class="nav-container"> <button class="nav-btn" id="btn-1">Screen 1</button> <button class="nav-btn" id="btn-2">Screen 2</button> <button class="nav-btn" id="btn-3">Screen 3</button> </div> how to toggle between screens top