# Visual Studio Code - Graphical User Interface (GUI)
Make text shorter
<imgsrc="slides/img/icon-live-demo.png"height="100px"> GUI for VS code
-**Activity Bar** - Located on the far left-hand side, this lets you switch between views and gives you additional context-specific indicators, like the number of outgoing changes when Git is enabled.
-**Side Bar** - Contains different views like the Explorer to assist you while working on your project.
-**Editor** - The main area to edit your files. You can open as many editors as you like side by side vertically and horizontally.
-**Panels** - You can display different panels below the editor region for output or debug information, errors and warnings, or an integrated terminal. Panel can also be moved to the right for more vertical space.
-**Status Bar** - Information about the opened project and the files you edit.
<divalign="center">
<imgsrc="slides/img/VSCodeGUI.png"width="60%">
</div>
<divstyle="position:absolute;right:0%;top:10%">
<imgsrc="slides/img/VSCodeGUI.png"height="750px">
</div>
Text and image from VS Code documentation
\ No newline at end of file
# Visual Studio Code - Graphical User Interface (GUI)
-**Activity Bar** - Located on the left side, this lets you switch between views and gives you additional context-specific indicators, like the number of changes when Git is enabled.
-**Side Bar** - Contains information to assist while working on your project.
-**Editor** - The main area to edit files. You can open as many editors as you like side by side vertically and horizontally.
-**Panels** - You can display different panels below the editor region for output or debug information, errors and warnings, or an integrated terminal.
-**Status Bar** - Information about the opened project and the files you edit.
