Another day another opportunity to learn. Let’s continue with coding the Picasso Drawing.

1. Remember the white-hat div we started styling yesterday, we continue today with border-top-color, border-right-color, border-left-color and border-bottom-color.

1. Next step we give the div a position of absolute. (Remember, I said in an earlier lesson I explained that positioning is used to move the elements to different positions.

1. We then style the next div with an id black-mask. We work on the width, height, background-color, position, left, top and z-index.

1. Styling the div with and id of gray-instrument is what I did next. I used the attributes width, height, background-color, position, left, top, z-index.

1. We go on to style the div with a class black-dot. We style the width, height and background-color.

1. Next, we work on border-radius, watch what happens when we make it 50%.

1. After that we use the display attribute, then the margin is fixed to auto (take note what happens) and margin-top.

That's all for today. See ya tommorow.