-
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.htmlto render a webpage resembling the image below.
- Please modify
box-model2.htmlto render a webpage resembling the image below.
- Please modify the
index.htmlto render an anchor tag linking to each of the above webpages.
- To fork the project, click the
Forkbutton located at the top right of the project.
- Navigate to your github profile to find the newly forked repository.
- Copy the URL of the project to the clipboard.
- Clone the repository from your account into the
~/devdirectory.- if you do not have a
~/devdirectory, make one by executing the following command:mkdir ~/dev
- navigate to the
~/devdirectory by executing the following command:cd ~/dev
- clone the project by executing the following command:
git clone https://github.com/${MYUSERNAME}/${NAMEOFPROJECT}
- if you do not have a
- 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
- add all changes
- from the browser, navigate to the forked project from your github account.
- click the
Pull Requeststab. - select
New Pull Request
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent