Start by drawing a large square. Cut this figure into 10 rows and 10 columns. So this means you'll have 10*10 = 100 little squares.
Now highlight the first 7 rows. Shade in all 70 squares (7*10 = 70) Starting on the left side, highlight the first 8 columns. You'll shade in 80 squares (8*10 = 80)
Use different colors for your highlighting or somehow indicate different shading styles. This way you can see the overlapping region. The overlapping region consists of 56 squares (7 rows, 8 columns ---> 7*8 = 56 little squares)
Each little square represents 0.01, so having 56 of them means we have 0.56
The portion (0.7*0.8) was done earlier. That result was 0.56. So we just need to compute (1*0.8), which is simply 0.8; recall that 1 times any number is that number itself.