Day 24: la peinture picasso continue

Photo by russn_fckr on Unsplash

Day 24: la peinture picasso continue

Day 24 ladies and gentlemen. Are you ready for the ride? Leggo.

  1. Adding another div below the first div and giving it a class of characters. This is where I will be painting my paintings characters. Inside the div another div will be created with a class of offwhite-character. Four div elements are also going to be created inside the offwhite-character div. These new divs will have different id’s.

Day 23 pic 1.png Webpage:

Day 23 pic 2.png

  1. The character needs eyes so we create 2 eyes in one of the four divs earlier created called black-mask and we name them eyes left and eyes right.

  2. Seems it’s a div creating day. Let’s create 5 divs within the gray-instrument (one of the initial 4 divs we created) and give each the class black-dot.

Day 24 for no 3 (2).png

  1. Time for CSS. Go back to your stylesheet and create a rule for your offwhite -character selector and we give it a height of 550px and width of 300px and a background color of ghostwhite.
  2. Time for some positioning as well as top and left. Day 24 no 5.png

  3. We need to style the white-hat div with a height of 0 and border-style of solid.

day 24 no. 6.png Webpage:

day 24 no 6b.png

  1. Last one for the day. We size the border-width to 0 120px 140px 180px.

Day 24 no 7.png At the end of the day, this is what we have

day 24 no 7b.png We continue Tomorrow coding our Picasso Painting. Thanks for reading.