Day 30. Still thinking if I should celebrate this or not. We take another 10 steps today still on Picasso drawing (I have a question, is it possible to loss interest in a project as a programmer, what causes it and what should one do such a condition? Maybe I should do I blog post on this). Here are next 10 steps:

  1. We start with the triangles id. We give it a width and a height.

Day 30 No 1.png

day 30 No 1b.png

  1. Then I styled the class triangle by giving it a height and width of 0.

Day 30 No 2a.png

  1. Then I style the border by giving it a border style of solid and width stated below

Day 30 pic 2.png

Day 30 pic 3b.png

  1. Further styled the border by giving the borders colors.

Day 30 No4a.png

Day 30 No4b.png

  1. Adjusted the layout of the triangle using the display property.

Day 30 No5a.png

Day 30 No5b.png

  1. Time to style the id guitar starting with the width and height.

Day 30 No 6.png

  1. In the spirit of styling, I further styled the id guitar by adjusting its positioning.

Day 30 No 7.png

  1. After positioning, to determine the order of overlapping, I used z-index.

Day 30 No 8.png

  1. Back to the class guitar, I styled it further.

Day 30 No 9a.png

Day 30 No 9b.png

  1. Last step, I positioned the id guitar-left.

Day 30 No 10a.png

Day 30 N0 10 b.png That's were we draw the curtain for today. Thanks for reading.