My First Style

Description

• In this assignment, you will be provided with 5 files:
  • MainApplicationTestRunner.js, MainApplicationTest.js, TestingUtilities.js, index.html, and style.css.
• The goal is to make the index.html file look visually appealing by applying the appropriate styles.

Completing the Assignment

• Open the style.css file in an editor; you will be modifying this file.
  • This file contains the CSS structure for the page that you will be styling.
• Open the MainApplicationTest.js file in an editor; you will NOT be modifying this file.
  • This file contains the tests to verify that the styles have been applied correctly.
• Open the index.html file in an editor; you will be modifying this file.
  • This file contains the HTML structure for the page that you will be styling.
• Open the index.html file in a browser; open the browser's developer console.
  • To run the tests, refresh the page and view the test results in the developer console tab.
• Add the appropriate CSS styles to the style.css and the respective HTML attributes to the index.html file in order to pass the tests in the MainApplicationTest.js file.

Tips

• Pay attention to the selectors and values in the MainApplicationTest.js file.
• This is what the tests are expecting, and your styling will need to match these values in order to pass the tests.
• You may find it helpful to use the console.log function to print out the values of the elements that you are styling.
  • This can help you debug any issues that you are having.
• Remember to refresh the page in your web browser after making changes to the index.html file in order to see the updated styles.

How to Download

Part 1 - Forking the Project

• To fork the project, click the Fork button located at the top right of the project.

Part 2 - Navigating to forked Repository

• Navigate to your github profile to find the newly forked repository.
• Copy the URL of the project to the clipboard.

Part 3 - Cloning forked repository

• Clone the repository from your account into the ~/dev directory.
  • if you do not have a ~/dev directory, make one by executing the following command:
    • mkdir ~/dev
  • navigate to the ~/dev directory by executing the following command:
    • cd ~/dev
  • clone the project by executing the following command:
    • git clone https://github.com/MYUSERNAME/NAMEOFPROJECT

How to Submit

Part 1 - Pushing local changes to remote repository

• from a terminal navigate to the root directory of the cloned project.
• from the root directory of the project, execute the following commands:
  • add all changes
    • git add .
  • commit changes to be pushed
    • git commit -m 'I have added changes'
  • push changes to your repository
    • git push -u origin master

Part 2 - Submitting assignment

• from the browser, navigate to the forked project from your github account.
• click the Pull Requests tab.
• select New Pull Request