In this assignment, you will learn to use the developer's tool to inspect the elements of this webpage.
- What is the right margin of the first element?
50 px.
- What is the top padding of the second element?
100 px
- What is the class name of the third element and the content of the css?
elementThree. padding: 10px; background-color: aquamarine; text-shadow: 1px 1px white; border: gray solid 2px; border-radius: 10px;
- What is the css selector of the fourth element?
div:nth-child(6)
- What is the code you use to keep the blue box within the purple?
.child {
border: mediumblue 8px solid;
width: 94%;
/* height: 100%; */
margin: 0;
height: 57px;
margin: 7px;
hint: you should apply box-sizing property to the
.child
class. Make the changes on the developer's tool to see immediate UI change.
- Submit the URL of the GitHub Repository that contains your work to NTU black board.
- Always store your assignments in the
assignments
folder orassignment.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.