assignment.md

Assignment

In this assignment, you will learn to use the developer's tool to inspect the elements of this webpage.

1. What is the right margin of the first element?

Ans: 50px

2. What is the top padding of the second element?

Ans: 100px

3. What is the class name of the third element and the content of the css?

Ans: class name is elementThree. Content of css are 1.padding 2.background-color 3. text-shadow 4.border 5.border-radius

4. What is the css selector of the fourth element?

Ans: Selects every <div> element that is the sixth child of its parent

5. What is the code you use to keep the blue box within the purple?

Ans: .child {
        box-sizing: border-box;
        border: mediumblue 8px solid;
        width: 100%;
        height: 100%;
        margin: 0;
      }

hint: you should apply box-sizing property to the .child class. Make the changes on the developer's tool to see immediate UI change.

Submission

• Submit the URL of the GitHub Repository that contains your work to NTU black board.
• Always store your assignments in the assignments folder or assignment.md file.
• Should you reference the work of your classmate(s) or online resources, give them credit by adding either the name of your classmate or URL.