It already happened to me during the first battle, but at least, I knew what was wrong.
// Detect dark theme
var iframe = document.getEleme...
For further actions, you may consider blocking this person and/or reporting abuse
best I can think of. 166 char.
or 147 char if space removed
Just a few less characters (143) and other approach, but I can't think of anything more to remove, but the best results are half that number. :O
<p><p b><p a><p a b><style>*{background:#62374e;padding:21}p{background:#fdc57b;width:8;height:8;position:fixed;top:34}[a]{top:184}[b]{right:50
this is actually a 135 caracters answer !
<p><p><p><p><style>body{display:grid;grid-template:"p p";background:#62374e}p{margin:42 158 58 42;width:50;height:50;background:#fdc57b
Tried same method as 1st one and got done in 129 chars
<i style=color:#fdc57b;box-shadow:.7in+.7in+0+.26in,3.3in+.7in+0+.26in,.7in+2.26in+0+.26in,3.3in+2.26in+0+.26in,0+0+0+5in#62374e>
138 Chars
body{display:grid;grid-template:"p p";background:#62374e}p{ margin:42px 158px 58px 42px;padding:25px;background:#fdc57b</p>
remove px as it is the default unit for these properties.
How about enhanched version of @zebra with 100% match with css grid 264 char
Tried Grid and got 100% correct answer.
Great post!
Love the CSS battle site as well!
I've been working lightly in html/css the last few years and this is the first time I've looked up the CSS Grid feature to get this puzzle done.
PS you have to remember to scrape all the white space and carriage returns before submitting your answer, because every extra character gets you a lower score.
Tried attaching the image to this post but it's not working, here's the link:
thepracticaldev.s3.amazonaws.com/i...
Here's the code itself:
All the code is in the style tags. You leave the four div's alone.
body {
margin:50;
display:grid;
grid-template-columns:auto auto;
grid-column-gap:200px;
grid-row-gap:100px;background:#62374e;
}
div {
width:50px;
height:50px;
background:#fdc57b;
}
This is really elegant!
My 214 character solution
This is my 140 character solution.
<body bgcolor=#62374e><img i><img><img i><img><style>img{border:25px solid #fdc57b;margin:42;float:right}img[i]{float:none;margin-bottom:58}
This is my no block solution xD (using clip-path)
html and body can be replaced with:
html -> *
body -> * > *
woah! I like your different solutions!! Thanks for sharing :) Looking forward to your next one.
125char maximum what i can do ,i'm thinking how can possible to achieve it with 66 char wtf
went to 200 char without closing tags, spaces etc XD
it looks weird but it is what it is (got 100%)
gonna try something more short
.X{float:left;width:50;height:50;background:#fdc57b}
.a,.c{margin:50 100 50 50}
.b,.d{margin:50 50 50 100}
*{margin:0;background:#62374e
Here's my 115-character solution:
My 103 chars solution
new score in my career 104char
<b style=box-shadow:67px+67px+0+0.26in#fdc57b,67px+217px+0+0.26in#fdc57b,317px+217px+0+0.26in#fdc57b,317px+67px+0+0.26in#fdc57b,0+0+0+5in#62374e></b>
42 is the answer ofo Life, the Universe and Everything hahahahahah you are funny bro
I get a lot from this , thanks