Day 2 Exercises

Purpose - To gain familiarity the following features
- Flex box
- CSS Selectors
- Positioning
Description
- Please click here to view today's lecture demos
- 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