createCanvas(400, 400);

}

​

function draw() {

  background(256);

  fill(250);

  strokeWeight(0);

  fill('red');

  rect(100, 0, 225, 150);

  //line 12 and 13 are the only "unbound" rectangles in this mimic

  fill('blue');

  rect(325,225,75,25)

  fill('yellow');

  square(25,275,50);

  fill('yellow');

  rect(200, 262.5, 100, 62.5);

  strokeWeight(7);

  line(0,0,0,400);

  line(0,0,400,0);

  line(400,400,0,400);

  line(400,400,400,0);

  line(width/2,0,width/2, 400);

  line(width/4,0, width/4, 400);

  line(125, 0, 125, 400);

  line(300,0,300,400);

  line(325, 0, 325, 400);

  line(0, 150, 400, 150);

  line(0, height/2, 400, height/2);

  line(0,262.5, 400, 262.5);

//lines 32, 33, and 34 are for the left most yellow square. I do not know how to change only these three lines of codes to a smaller stroke weight.

  line(25,275,75,275);

  line(25, 275, 25, 325);

  line(75,275,75,325)

  line(0,325, 400, 325); 

  fill('blue');

  rect(300, 262.5, 25, 77.5);

  line(0, 340, 400, 340);

  //line 40 was added when seeing that modrian has had so few undivided  rectangles

  line(250,0,250,400)

}