Submodule 2.2: Version control. Git - Github

Prerequisites for this page:

• External style sheet
• Box model 

Open your Code editor, open the Extensions tab (in the left of the screen), search-find-install the "Git history" extension. Close and open again the editor.

You have to:

• Add a sub-folder named css to your yourNameWEB2GitTest folder
• Add a file named mystyles.css to the css folder
• Link the index.html file with the mystyles.css file
• Update the css file with the class jumpotron and  the appropriate code
• Include the h1 element of the html file in a div element with the class jumpotron

Click the button to see the appropriate code

This is the code:

The following video will help you:

Let's see the git status in our terminal and in our Code editor and Stage the changes in the Code editor:

To add the mystyles.css to the staging area of your Git repository, type:

git add css/mystyles.css

Let's run git status again to see where we stand:

Now we will commit in our Code editor with the message "second commit index and mystyles":

Right-click in the index.html file, select "View file history". Thus you can compare the last version of the file against the previous one.

If you are not able to see the "View file history", check if the extension is enabled in your Visual Studio code editor, otherwise install and enable it.