Submodule 1.2: Version control. Git - Github

Prerequisites for this page:

• External style sheet
• Class selector 
• Box model 
• The div element 

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:

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.