Battle #1 #4 Ups and Downs why such a low score if output it's identical ?

[rafehimself]

https://imgur.com/a/191rYKC
can someone explain to me, why my solution got just 70%?
it's pixel perfect align with the target,
0 difference when I slide and compare,

unfair 👎

[chinchang]

Hi! We are checking this. I am assuming the code shown in the shared image is complete code?

[chinchang]

Hi @rafehimself You are probably playing on a non-chromium browsers because this is how your code renders on chrome:

[rafehimself]

not at all I use Chrome, 94.0.4606.71 version 64 bit,

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<style>
body {
   margin: 50px 0;
   background: #62306D;
   display: flex;
   justify-content: center;
   align-items: end;
 }
div {
    width: 100px;
    height: 100px;
    background: #F7EC7D;
    border-radius: 50% 50% 0 0;
}
.b {
align-self: start;
}
.a, .c {
transform: scaleY(-1);
}
</style>

I think the problem might be that it works only on those box-window values, if I stretch that default box 400-300 the output will change, cuz they are not absolute, I experienced that with gird as well, in battle#1 #2 when I used grid I got less point than when I used absolute values, regardless of output being the same in that 400x300 box

I don't see any other problem with that code

[chinchang]

Ah I see. So the issue here gets fixed when you use flex-end instead of end. end is an upcoming cross layout value, so might be the we need to upgrade our backend chromium. We'll try and update here.

[chinchang]

this is fixed now!

[rafehimself]

<p o><p><p i><style>body{background:#0B2429;display:grid;place-items:center;}p{width:150;height:150;background:#998235;border-radius:100px 0 100px;z-index:2}p[i]{background:#F3AC3C;position:fixed;right:75}p[o]{background:#1A4341;position:fixed;left:75
another example, its clearly broken somehow

sorry for the code, but you made those silly rules 😝

[rafehimself]

problem with grid as well

[chinchang]

fixed now :)

[chinchang]

We updated chrome to latest version. These issues should be fixed now.

[rafehimself]

Yeah it works now 👍 great, I really enjoy this whole project. 😃 Thank you

[optyler]

Hi guys, still an issue I guess, getting 99.8% ... did i miss something or a bug still exists ?

<p><p u><p><style>*{background:var(--,#62306D)}body{padding: 127px 0 0 42px}* p {display: inline-block;border-radius: 0 0 50% 50%;--:#F7EC7D;width:100;height:100}* p[u]{transform: scaleY(-1)translateY(100%)

[chinchang]

minor deviations like these happen mostly due to minor mismatches in few pixels. Make sure there are no pixels bleading out of clip-paths or pixels at the intersection of two curves.

[chinchang]

BTW, I checked your code and there is visible deviation in the output and target. Make sure you are on a chromium-based browser :)

[optyler]

so... i miss something ^^' thx for you comment :)

[rafehimself]

try to fix your padding in body, there is 1px difference