Day 2 Exercises

• Purpose - To gain familiarity the following features

  • Flex box
  • CSS Selectors
  • Positioning

• Description

  • Please click here to view today's demonstration.
  • Please click here to view today's slides.
  • Please modify box-model1.html to render a webpage resembling the image below.
  
  • Please modify box-model2.html to render a webpage resembling the image below.
  
  • Please modify the index.html to render an anchor tag linking to each of the above webpages.

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