In this tab you can see folder structure of your entire project. Under assets directory, you can see three folders by default
css- where all the CSS files you create will be stored
js - where all the JS files you create will be stored
img - where all the images you upload will be stored
In the root directory all .html files and .json files will be stored.
When you can create any project following files are automatically created by default for you to get started.
To create a file - Under Files Tab - bottom of the screen, you can see two options
Click the New File button. Give the file a name and file extension (.html, .css, .js, .json) If you want to upload images, you can click on the Gallery button.
Right click on any file name, you will see the following options:
Copy Relative Path - Copy the file path (you can use them code editor to link those files in your HTML)
Rename File - Rename the file.
Delete File - Delete the file.
With Gallery, you can upload your own images (.png, .jpg, .jpeg and .gif) or use high quality stock free images from Pexels
Open the gallery, click on the From Pexels.com tab
Use any of the default suggestions or search on topic like Yoga, you can find relevant images to that topic and click on the image to insert into the canvas.