No diff, yet 88% match - due to aspect-ratio on html/body? #453
ReneD86
started this conversation in
Bugs reports
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
The Daily challenge of August 24th gives me some strange behaviour when using the body as a styled element.
100% match with div
When using a div for the circle, I get a output with no differences and 100% match
<div><p><p><p><p><style>*{aspect-ratio:1;background:#BB4E60}div{margin:60 102;width:160;padding:10;background:#fff;border-radius:50%}p{width:20;float:left;margin:40 0 0 4088,3% match with body
When trying to reduce the amout of chars, I found an issue. When using the body as a styled element (circle), it shows no visual differences. Though it only results in a 88,3% match.
<p><p><p><p><style>*{aspect-ratio:1;background:#BB4E60}body{margin:60 110;width:160;padding:10;background:#fff;border-radius:50%}p{width:20;float:left;margin:40 0 0 40Probable root-cause
I think this might be caused by the 'aspect-ratio' being applied on all(*) elements - specifically the body/html. When I (re)move the aspect-ratio to the paragraph (p) section it seems to be resolved.

(Eventually it was fully obsolete, so no harm was done ;). Though maybe it's worth looking into)
<p><p><p><p><style>*{background:#BB4E60}body{margin:60 110;width:160;padding:10;background:#fff;border-radius:50%}p{width:20;aspect-ratio:1;float:left;margin:40 0 0 40All reactions