Stumped on #15: getting 96.9% match but both images looks identical.

[damerval]

I have gone every which way I knew to find out what gave, but I am officially stumped and any help would be greatly appreciated.

My markup (it's not code, people :))

<div id="midbox">
  <div id="c3"></div>
  <div id="c1">
    <div id="c2"></div>
  </div>
</div>
<style>
  * {
    position: relative;
    background-color: #09042A;
  }
  #midbox {
    width: 250px;
    height: 150px;
    margin: auto;
    margin-top: 75px  
  }
  div[id*=c] {
    background-color: #7B3F61;
    position: absolute; 
    top: 0; bottom: 0;
  }
  #c1 {
    height: 150px; width: 150px;
    border-radius: 50%;
    left: 0;
    overflow: hidden;
  }
  #c2 {
    background-color: #000;
    left: 100px;
    height: 150px; width: 150px;
    border-radius: 50%;  
  }  
  #c3 {
    background-color: #E78481;
    height: 150px; width: 150px;
    border-radius: 50%;
    right: 0;
  }
</style>

[chinchang]

Hi @damerval There is difference actually:

See the part in center, thats the diff

[damerval]

I just saw that, can't believe I was so dumb. Is there a diff tool I can use to avoid embarrassing myself like this in the future? :)

[chinchang]

Coming up on the website real soon :)

[gunnarbittersmann]

I just saw that, can't believe I was so dumb. Is there a diff tool I can use to avoid embarrassing myself like this in the future? :)

There is. https://codepen.io/alexzaworski/full/vwmNKr